android Palette调色板使用详解

 更新时间:2017年10月11日 08:58:50   作者:钉某人  
本篇文章主要介绍了android Palette调色板使用详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

Palette是一个可以从图片(Bitmap)中提取颜色的帮助类,可以使UI更加美观,根据图片动态的显示相应的颜色。现在最新的api是在版本22.0.0添加的,本篇文章也是使用的22.0.0的api版本(注意版本之间api的不同)。

这里写图片描述

应用项目:https://github.com/DingMouRen/PaletteImageView

应用中的效果   Demo 效果

这里写图片描述     这里写图片描述

Palette可以提取的颜色:

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

使用方法: module的build.gradle中引用

compile 'com.android.support:palette-v7:25.3.1'

使用步骤:

1.获取Palette对象,也就是图像调色板

2.获取从图像调色板生成的色样

3.从色样中提取相应颜色

1.获取Palette对象,也就是图像调色板

获取Palette对象有同步和异步两种方式,建议使用异步获取Palette对象

 // Synchronous
 Palette p = Palette.from(bitmap).generate();

 // Asynchronous
 Palette.from(bitmap).generate(new PaletteAsyncListener() {
   public void onGenerated(Palette p) {
     // Use generated instance
   }
 });

2.获取从图像调色板生成的色样

可以获取到六种色样,但是有的时候获取不到对应的色样对象,必须注意非空判断。

Palette.Swatch vibrant = palette.getVibrantSwatch();//有活力的

Palette.Swatch vibrantDark = palette.getDarkVibrantSwatch();//有活力的,暗色

Palette.Swatch vibrantLight = palette.getLightVibrantSwatch();//有活力的,亮色

Palette.Swatch muted = palette.getMutedSwatch();//柔和的

Palette.Swatch mutedDark = palette.getDarkMutedSwatch();//柔和的,暗色

Palette.Swatch mutedLight = palette.getLightMutedSwatch();//柔和的,亮色

3.从色样中提取相应颜色

通过 getRgb() 可以得到最终的颜色值并应用到UI中。getBodyTextColor() 和 getTitleTextColor() 可以得到此颜色下文字适合的颜色,这样很方便我们设置文字的颜色,使文字看起来更加舒服。

swatch.getPopulation(): 样本中的像素数量
swatch.getRgb(): 颜色的RBG值
swatch.getHsl(): 颜色的HSL值
swatch.getBodyTextColor(): 主体文字的颜色值
swatch.getTitleTextColor(): 标题文字的颜色值

Demo的代码中没有对获取到的色样对象进行非空判断,注意一定要加上非空判断

public class MainActivity extends AppCompatActivity {
  private static final String TAG = MainActivity.class.getName();
  private LinearLayout line1,line2,line3,line4,line5,line6;
  private TextView tv1_1,tv1_2,tv2_1,tv2_2,tv3_1,tv3_2,tv4_1,tv4_2,tv5_1,tv5_2,tv6_1,tv6_2;
  private List<LinearLayout> bgs = new ArrayList<>();
  private List<TextView> bodyTexts = new ArrayList<>();
  private List<TextView> titleTexts = new ArrayList<>();
  private List<Palette.Swatch> swatchs = new ArrayList<>();
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ImageView img = (ImageView) findViewById(R.id.img);
    initView();
    Bitmap bitmap = ((BitmapDrawable)img.getDrawable()).getBitmap();
    if (bitmap == null){
      return;
    }
    Palette.from(bitmap).generate(listener);

  }

  private Palette.PaletteAsyncListener listener = new Palette.PaletteAsyncListener() {
    @Override
    public void onGenerated(Palette palette) {
      if (palette != null){
        Palette.Swatch vibrant = palette.getVibrantSwatch();//有活力的
        Palette.Swatch vibrantDark = palette.getDarkVibrantSwatch();//有活力的,暗色
        Palette.Swatch vibrantLight = palette.getLightVibrantSwatch();//有活力的,亮色
        Palette.Swatch muted = palette.getMutedSwatch();//柔和的
        Palette.Swatch mutedDark = palette.getDarkMutedSwatch();//柔和的,暗色
        Palette.Swatch mutedLight = palette.getLightMutedSwatch();//柔和的,亮色
        swatchs.clear();
        swatchs.add(vibrant);swatchs.add(vibrantDark);swatchs.add(vibrantLight);
        swatchs.add(muted);swatchs.add(mutedDark);swatchs.add(mutedLight);
        show();
      }
    }
  };

  private void show() {
    for (int i = 0; i < 6; i++) {
      bgs.get(i).setBackgroundColor(swatchs.get(i).getRgb());
      bodyTexts.get(i).setTextColor(swatchs.get(i).getBodyTextColor());
      titleTexts.get(i).setTextColor(swatchs.get(i).getTitleTextColor());    
    }
  }


  private void initView() {
    line1 = (LinearLayout) findViewById(R.id.line1);
    line2 = (LinearLayout) findViewById(R.id.line2);
    line3 = (LinearLayout) findViewById(R.id.line3);
    line4 = (LinearLayout) findViewById(R.id.line4);
    line5 = (LinearLayout) findViewById(R.id.line5);
    line6 = (LinearLayout) findViewById(R.id.line6);
    bgs.clear();
    bgs.add(line1);bgs.add(line2);bgs.add(line3);bgs.add(line4);bgs.add(line5);bgs.add(line6);
    tv1_1 = (TextView) findViewById(R.id.tv1_1);
    tv2_1 = (TextView) findViewById(R.id.tv2_1);
    tv3_1 = (TextView) findViewById(R.id.tv3_1);
    tv4_1 = (TextView) findViewById(R.id.tv4_1);
    tv5_1 = (TextView) findViewById(R.id.tv5_1);
    tv6_1 = (TextView) findViewById(R.id.tv6_1);
    tv1_2 = (TextView) findViewById(R.id.tv1_2);
    tv2_2 = (TextView) findViewById(R.id.tv2_2);
    tv3_2 = (TextView) findViewById(R.id.tv3_2);
    tv4_2 = (TextView) findViewById(R.id.tv4_2);
    tv5_2 = (TextView) findViewById(R.id.tv5_2);
    tv6_2 = (TextView) findViewById(R.id.tv6_2);
    bodyTexts.clear();titleTexts.clear();
    bodyTexts.add(tv1_1);bodyTexts.add(tv2_1);bodyTexts.add(tv3_1);bodyTexts.add(tv4_1);bodyTexts.add(tv5_1);bodyTexts.add(tv6_1);
    titleTexts.add(tv1_2);titleTexts.add(tv2_2);titleTexts.add(tv3_2);titleTexts.add(tv4_2);titleTexts.add(tv5_2);titleTexts.add(tv6_2);
  }

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android实现多线程下载文件的方法

    Android实现多线程下载文件的方法

    这篇文章主要介绍了Android实现多线程下载文件的方法,以实例形式较为详细的分析了Android多线程文件传输及合并等操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Android编程基于自定义控件实现时钟功能的方法

    Android编程基于自定义控件实现时钟功能的方法

    这篇文章主要介绍了Android编程基于自定义控件实现时钟功能的方法,结合实例形式详细分析了Android自定义控件的定义及时钟功能相关实现技巧,需要的朋友可以参考下
    2018-03-03
  • Android使用Canvas 2D实现循环菜单效果

    Android使用Canvas 2D实现循环菜单效果

    循环菜单有很多种自定义方式,我们可以利用ViewPager或者RecyclerView + CarouselLayoutManager 或者RecyclerView + PageSnapHelper来实现这种效果,今天我们使用Canvas 2D来实现这种效果,感兴趣的朋友可以参考下
    2024-01-01
  • Android编程实现播放视频时切换全屏并隐藏状态栏的方法

    Android编程实现播放视频时切换全屏并隐藏状态栏的方法

    这篇文章主要介绍了Android编程实现播放视频时切换全屏并隐藏状态栏的方法,结合实例形式分析了Android视频播放事件响应及相关属性设置操作技巧,需要的朋友可以参考下
    2017-08-08
  • 深入浅析Android手机卫士保存密码时进行md5加密

    深入浅析Android手机卫士保存密码时进行md5加密

    一般的手机没有root权限,进不去data/data目录,当手机刷机了后,拥有root权限,就可以进入data/data目录,查看我们保存的密码文件,因此我们需要对存入的密码进行MD5加密,接下来通过本文给大家介绍Android手机卫士保存密码时进行md5加密,需要的朋友一起学习吧
    2016-04-04
  • Android创建文件实现对文件监听示例

    Android创建文件实现对文件监听示例

    Android创建文件实现对文件监听,可以用android.os.FileObserver;类来实现,下面是实现代码,内有注释
    2014-01-01
  • Android编程中Activity的四种启动模式

    Android编程中Activity的四种启动模式

    这篇文章主要介绍了Android编程中Activity的四种启动模式,较为详细的分析了Activity四种启动模式的原理与功能,需要的朋友可以参考下
    2016-04-04
  • Android模仿用户设置密码实例

    Android模仿用户设置密码实例

    首先有2个对话框,没有设置过密码,需要设置dialog_set_password.xml,用户设置过密码,不需要设置,直接输入密码dialog_input_password.xml,具体实现代码,大家参考下本文
    2017-03-03
  • Android实现图文垂直跑马灯效果

    Android实现图文垂直跑马灯效果

    这篇文章主要为大家详细介绍了Android实现图文垂直跑马灯效果,图文结合的跑马灯效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android优雅地处理按钮重复点击的几种方法

    Android优雅地处理按钮重复点击的几种方法

    这篇文章主要介绍了Android优雅地处理按钮重复点击的几种方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09

最新评论