Palette，即调色板， 作用是从图片中提取相应的色调，然后把这些提取的色调赋给相应的组件，使界面看起来更加优雅.
一、Palette的使用
1、添加依赖
compile 'com.android.support:palette-v7:25.3.1'
2、生成Palette对象
同步：
Palette.Builder bulider = Palette.from(bitmap);
Palette palette = bulider.generate();
异步：
Palette.Builder bulider = Palette.from(bitmap);
bulider.generate(new Palette.PaletteAsyncListener() {
@Override
public void onGenerated(Palette palette) {
}
});
异步获取到的Palette对象会回调在 onGenerated方法的参数中
这里需要一个Bitmap对象，即我们要提取颜色图片的位图对象.
如果图片过大时，可能会阻塞主线程，所以更倾向于使用异步方法.
3、获取样本
这里可以从位图中获取6种色调的样本
Palette.Swatch s1 = palette.getVibrantSwatch();//充满活力的样本
Palette.Swatch s2 = palette.getDarkVibrantSwatch(); //充满活力的暗色样本
Palette.Swatch s3 = palette.getLightVibrantSwatch(); //充满活力的亮色样本
Palette.Swatch s4 = palette.getMutedSwatch(); //柔和的样本
Palette.Swatch s5 = palette.getDarkMutedSwatch(); //柔和的暗色样本
Palette.Swatch s6 = palette.getLightMutedSwatch(); //柔和的亮色样本
具体使用哪种样本根据实际需求.
这里需要注意的是，有时候我们会获取不到Palette.Swatch对象，返回一个null值，所以实际使用时需要判断是否为null.
4、样本中提取信息
返回该样本的像素的总数
int population = s1.getPopulation();
返回一个 HSL颜色值
float[] hsl = s1.getHsl();
返回一个 RGB 颜色值
int rgb = s1.getRgb();
返回一个适合做内容体颜色的颜色值
int bodyTextColor = s1.getBodyTextColor();
返回一个适合做标题颜色的颜色值
int titleTextColor = s1.getTitleTextColor();
5、过时方法
早期是直接通过generate( )生成Palette对象的
同步：
Palette p = Palette.generate(Bitmap bitmap);
Palette p = Palette.generate(Bitmap bitmap, int numColors);
异步：
Palette.generateAsync(bitmap, new Palette.PaletteAsyncListener() {
@Override
public void onGenerated(Palette palette) {
}
});
Palette.generateAsync(bitmap, 24, new Palette.PaletteAsyncListener() {
@Override
public void onGenerated(Palette palette) {
}
});
这里可以设置palette的numColors，numColors越大，会增加计算的时间，而越小，可以选择的色彩也越小，不设置默认是16.
二、Demo
布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<Button
android:id="@+id/bt1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:text="光辉女郎" />
<Button
android:id="@+id/bt2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:text="DJ娑娜" />
<ImageView
android:id="@+id/iv"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_marginTop="5dp"
android:src="@drawable/lks" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="5dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/tv1"
android:layout_width="0dp"
android:layout_height="88dp"
android:layout_margin="5dp"
android:layout_weight="1"
android:gravity="center" />
<TextView
android:id="@+id/tv2"
android:layout_width="0dp"
android:layout_height="88dp"
android:layout_margin="5dp"
android:layout_weight="1"
android:gravity="center" />
<TextView
android:id="@+id/tv3"
android:layout_width="0dp"
android:layout_height="88dp"
android:layout_margin="5dp"
android:layout_weight="1"
android:gravity="center" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/tv4"
android:layout_width="0dp"
android:layout_height="88dp"
android:layout_margin="5dp"
android:layout_weight="1"
android:gravity="center" />
<TextView
android:id="@+id/tv5"
android:layout_width="0dp"
android:layout_height="88dp"
android:layout_margin="5dp"
android:layout_weight="1"
android:gravity="center" />
<TextView
android:id="@+id/tv6"
android:layout_width="0dp"
android:layout_height="88dp"
android:layout_margin="5dp"
android:layout_weight="1"
android:gravity="center" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
Activity中
public class MainActivity extends AppCompatActivity {
private TextView tv1;
private TextView tv2;
private TextView tv3;
private TextView tv4;
private TextView tv5;
private TextView tv6;
private Button bt1;
private Button bt2;
private ImageView iv;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
tv1 = (TextView) findViewById(R.id.tv1);
tv2 = (TextView) findViewById(R.id.tv2);
tv3 = (TextView) findViewById(R.id.tv3);
tv4 = (TextView) findViewById(R.id.tv4);
tv5 = (TextView) findViewById(R.id.tv5);
tv6 = (TextView) findViewById(R.id.tv6);
bt1 = (Button) findViewById(R.id.bt1);
bt2 = (Button) findViewById(R.id.bt2);
iv = (ImageView) findViewById(R.id.iv);
bt1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
changBg(R.drawable.lks);
}
});
bt2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
changBg(R.drawable.sn);
}
});
}
private void changBg(int picId) {
iv.setImageResource(picId);
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), picId);
Palette.Builder bulider = Palette.from(bitmap);
Palette palette = bulider.generate();
Palette.Swatch s1 = palette.getVibrantSwatch();
Palette.Swatch s2 = palette.getDarkVibrantSwatch();
Palette.Swatch s3 = palette.getLightVibrantSwatch();
Palette.Swatch s4 = palette.getMutedSwatch();
Palette.Swatch s5 = palette.getDarkMutedSwatch();
Palette.Swatch s6 = palette.getLightMutedSwatch();
if (s1 != null) { //充满活力的样本
int rgb = s1.getRgb();
tv1.setBackgroundColor(rgb);
}
if (s2 != null) { //充满活力的暗色样本
int rgb = s2.getRgb();
tv2.setBackgroundColor(rgb);
}
if (s3 != null) { //充满活力的亮色样本
int rgb = s3.getRgb();
tv3.setBackgroundColor(rgb);
}
if (s4 != null) { //柔和的样本
int rgb = s4.getRgb();
tv4.setBackgroundColor(rgb);
}
if (s5 != null) { //柔和的暗色样本
int rgb = s5.getRgb();
tv5.setBackgroundColor(rgb);
}
if (s6 != null) { //柔和的亮色样本
int rgb = s6.getRgb();
tv6.setBackgroundColor(rgb);
}
}
}
效果图
网友评论