Coloring Android Apps with Palette(译文)

文章英文版来源：
http://code.tutsplus.com/tutorials/coloring-android-apps-with-palette–cms-24096
译文：
材料设计实用特色之一就是可以用颜色去美化和强调屏幕的内容，使用Palette类，开发者能使用其APP应用图片的颜色去自定义用户界面元素。
在这篇文章中，你会学会怎么从图片创建一个Palette类，每个Palette类可以容纳一组Swatch对象，这对象能让你得到图片的具体和可见的颜色。
1.创建一个Palette类
开始时，你要在你的项目build.gradle文件的dependencies那个快中，包含下面的命令，以导入palette支持库到你项目，由于这个支持库是 v7版本的，palette这个类对android API 7也有效。

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

在你的项目运行gradle sync后，你就可以用图片的Palette类，可以通过同步调用无参数的generate()方法，或异步调用generate(Palette.PaletteAsyncListener listener)来使用Palette.Builder，最好在后台线程使用同步方法，因为它创造Palette需要时间，另外除了这两个generate方法,Palette.Buider类还有有用的方法，来与它们自己的权衡。

• maximumColorCount(int numOfSwatches)可以让你改变从图片产生多少个Swatch对象，构造默认是16个，你要越多Swatch对象，它创造Palette的时间就需要越长。
• resizeBitmapSize(int maxDimension)重置图片大小以致它最大尺寸就根据传进的参数一样大，你的图片越大，它创造Palette的时间就需要越长。相反地，图片越小就处理的越快，但你会失去颜色真度。
  下面代码块会展示如何创建一个当地资源的图片及异步创建Palette对象。

Bitmap bitmap = BitmapFactory.decodeResource( getResources(), R.drawable.union_station );
Palette.from( bitmap ).generate( new Palette.PaletteAsyncListener() {
    @Override
    public void onGenerated( Palette palette ) {
        //work with the palette here
    }
});

一旦创建了Palette类，你就可以用相关的Swatch对象去工作了。

2.Swatches
Swatch对象代表图片调色板的颜色，每个Swatch包含：

• 一个颜色的GRB(红，绿，蓝)和HSL(色度，饱和度，亮度)
• 一个 population值来反映Swatch的像素值
• 在Swatch颜色中，一个color值常常用来显示文本标题
• 在Swatch颜色中，一个color值常常用来显示文本内容
  Swatch Profiles
  每个Palette有六个预定义的色彩
• 充满活力的
• 充满活力的亮
• 充满活力的黑
• 柔和
• 柔和的亮
• 柔和的黑
  然而这些的每个使用取决于你APP设计，充满活力的黑，充满活力的是最普遍使用的，要注意一个事项就是这些颜色配置可能会为空，所以你应该处理这种情况，在样例项目中，在异步Palette.Builder的onGenerated(Palette palette)方法中，你会明白如何提取每个配置的Swatch。

setViewSwatch( mVibrantTextView, palette.getVibrantSwatch() );
setViewSwatch( mLightVibrantTextView, palette.getLightVibrantSwatch() );
setViewSwatch( mDarkVibrantTextView, palette.getDarkVibrantSwatch() );
setViewSwatch( mMutedTextView, palette.getMutedSwatch() );
setViewSwatch( mLightMutedTextView, palette.getLightMutedSwatch() );
setViewSwatch( mDarkMutedTextView, palette.getDarkMutedSwatch() );

setViewSwatch(TextView view, Palette.Swatch swatch)是一个接受Swatch和TextView,以及用Swatch的值设置TextView背景和字体颜色的方法，你等会会注意到我们首先检查Swatch是否为空，如果是，我们就隐藏这个view。

public void setViewSwatch( TextView view, Palette.Swatch swatch ) {
    if( swatch != null ) {
        view.setTextColor( swatch.getTitleTextColor() );
        view.setBackgroundColor( swatch.getRgb() );
        view.setVisibility( View.VISIBLE );
    } else {
        view.setVisibility( View.GONE );
    }
}

另外的Swatches
除了标准颜色配置Swatch对象之外，每个Palette还包含来自图片创造的Swatch列表，这些可以通过调用getSwatches() 方法返回Palette的List集合来获得。
在样例项目中，获得List集合，将其元素放到ArrayAdapter

for( Palette.Swatch swatch : palette.getSwatches() ) {
    mAdapter.add( swatch );
}

mAdapter.sortSwatches();
mAdapter.notifyDataSetChanged();

在代码块中，用下面的方法，让mAdapter作为Swatch对象的适配器。

@Override
public View getView( int position, View convertView, ViewGroup parent ) {
    ViewHolder holder;
    if( convertView == null ) {
        holder = new ViewHolder();
        convertView = LayoutInflater.from( getContext() ).inflate( R.layout.color_item, parent, false );
        holder.view = (TextView) convertView.findViewById( R.id.view );
        convertView.setTag( holder );
    } else {
        holder = (ViewHolder) convertView.getTag();
    }

    holder.view.setBackgroundColor( getItem( position ).getRgb() );
    holder.view.setTextColor( getItem( position ).getBodyTextColor() );
    holder.view.setText( "Population: " + getItem( position ).getPopulation() );

    return convertView;
}

public void sortSwatches() {
    sort(new Comparator<Palette.Swatch>() {
        @Override
        public int compare( Palette.Swatch lhs, Palette.Swatch rhs ) {
            return rhs.getPopulation() - lhs.getPopulation();
        }
    });
}

public class ViewHolder {
    TextView view;
}

总结
在这篇文章中，你已经学会了Palette支持库和如何添加来自图片的Swatches,这能让你自定义用户界面元素，如背景和字体，因此在你APP中，它们能美化图片，当加上Color和ColorUtil类(在v4支持库里有效)，你有更多的有效配置去美化你的APP。