palette获取图片的颜色

本文介绍如何利用Android的Palette库从图片中提取颜色,并应用这些颜色动态改变应用界面的布局色调。通过ViewPager滑动图片时,实时获取当前图片的主导色并应用于布局背景,实现视觉上的一致性和美观性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

引入
implementation ‘com.android.support:palette-v7:28.0.0’

Palette可以提取的颜色如下:

Vibrant (有活力的)
Vibrant dark(有活力的 暗色)
Vibrant light(有活力的 亮色)
Muted (柔和的)
Muted dark(柔和的 暗色)
Muted light(柔和的 亮色)

通过viewPager滑动图片 动态获取当前图片的颜色改变布局的颜色例子加深对palette的学习,当然palette还有很多知识在本文中是不做讲解

PagerAdapter adapter;
    String[] imgUrl={
            "https://m.360buyimg.com/babel/jfs/t1/20944/15/436/98674/5c09db63Efe8b5109/3e33075a0c75cb6e.jpg",
            "https://img1.360buyimg.com/pop/jfs/t1/18789/15/932/82976/5c0e08feE50db005f/587733e110200092.jpg",
            "https://m.360buyimg.com/babel/jfs/t1/10058/10/4258/97712/5c0b4e68E76055004/8bde7cc1f21a47a8.jpg",
            "https://m.360buyimg.com/babel/jfs/t1/28404/26/446/72391/5c0a15c3E30599999/85d7c5008e4fa53f.jpg",
    };


    private void initViewPager() {
        final List<View> views=new ArrayList<>();
        for (String s:imgUrl){
            ImageView imageView=new ImageView(this);
            Glide.with(LoginActivity.this)
                    .load(s)
                    .into(imageView);
            views.add(imageView);
        }

        viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int i, float v, int i1) {
            }

            @Override
            public void onPageSelected(final int i) {
                ImageView imageView = (ImageView) views.get(i);
                Drawable d = imageView.getDrawable();
                BitmapDrawable bitmap=(BitmapDrawable)d ;
                Palette.from(bitmap.getBitmap()).generate(new Palette.PaletteAsyncListener() {
                    public void onGenerated(Palette palette) {
                        Palette.Swatch vibrant = palette.getVibrantSwatch();
                        if (vibrant != null) {
                            View view=getWindow().getDecorView();
                            view.setBackgroundColor( vibrant.getRgb());
                        }
                    }
                });
            }

            @Override
            public void onPageScrollStateChanged(int i) {

            }
        });


        viewPager.setAdapter(adapter=new PagerAdapter() {
            @Override
            public int getCount() {
                return views.size();
            }

            @Override
            public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
                return view==o;
            }

            @NonNull
            @Override
            public Object instantiateItem(@NonNull ViewGroup container, int position) {
                final ImageView imageView= (ImageView) views.get(position);
                container.addView(imageView);
                return imageView;
            }

            @Override
            public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
//                super.destroyItem(container, position, object);
                container.removeView(views.get(position));
            }
        });
    }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

将哥哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值