8.3.11 Paint API之—— ColorFilter(颜色过滤器)(3-3)

本节引言：

本来打算今天先不写了，结果难得有点空，就顺手把这一节补上。这里要聊的是 ColorFilter 的第三个子类：PorterDuffColorFilter。看到PorterDuff这个名字，想必都不陌生；如果前面已经看过 Android基础入门教程——8.3.5 Paint API之—— Xfermode与PorterDuff详解(二)，那理解起来会非常轻松。因为核心效果其实是一致的，只不过这次处理的是颜色，而且设置方式更直接一些。接下来会写一个简单的小例子，选取 6 种不同颜色，对 18 种模式逐一测试。官方API文档：PorterDuffColorFilter。先来看它最关键的部分，还是构造方法。

前面是颜色，后面是模式~，来来来，写例子：

1.测试代码示例：

运行效果图：

代码实现：

这里的话我们用一个GridView来装他们，我们先来写下每个item的布局：view_item.xml：

接着我们编写一个POJO业务类：Data.ja va：

/**
 * Created by Jay on 2015/10/29 0029.
 */
public class Data {
    private int color;
    private PorterDuff.Mode mode;
public Data() {
    }
public Data(int color, PorterDuff.Mode mode) {
        this.color = color;
        this.mode = mode;
    }
public int getColor() {
        return color;
    }
public PorterDuff.Mode getMode() {
        return mode;
    }
public void setColor(int color) {
        this.color = color;
    }
public void setMode(PorterDuff.Mode mode) {
        this.mode = mode;
    }
}

至于Adapter类的话我们用回以前写的可复用的自定义BaseAdapter类，这里就不贴了，不过要加 多个方法：

/**
 * 设置ColorFilter
 * */
public ViewHolder setColorFilter(int id,int color,PorterDuff.Mode mode){
    View view = getView(id);
    if (view instanceof ImageView) {
        ((ImageView) view).setColorFilter(color,mode);
    }
    return this;
}

接着是我们的主布局文件:activity_main.xml：

最后是我们的MainActivity.ja va类，填充数据，设置Adapter，非常简单：

public class MainActivity extends AppCompatActivity {
private GridView gd_show;
    private ArrayList items = null;
    private MyAdapter myAdapter = null;
@Override
    protected void onCreate(Bundle sa vedInstanceState) {
        super.onCreate(sa vedInstanceState);
        setContentView(R.layout.activity_main);
        gd_show = (GridView) findViewById(R.id.gd_show);
//填充数据，遍历Mode模式：
        items = new ArrayList();
        for (PorterDuff.Mode mode : PorterDuff.Mode.class.getEnumConstants()) {
            items.add(new Data(0x77E50961, mode));
            items.add(new Data(0xFFE50961, mode));
            items.add(new Data(0x77FFFFFF, mode));
            items.add(new Data(0xFFFFFFFF, mode));
            items.add(new Data(0x77000000, mode));
            items.add(new Data(0xFF000000, mode));
        }
        myAdapter = new MyAdapter(items, R.layout.view_item) {
            @Override
            public void bindView(ViewHolder holder, Data obj) {
                holder.setColorFilter(R.id.img_show, obj.getColor(), obj.getMode());
                holder.setText(R.id.tv_color, String.format("%08X", obj.getColor()));
                holder.setText(R.id.tv_mode, obj.getMode().toString());
            }
        };
        gd_show.setAdapter(myAdapter);
    }
}

上面的动图可能太快，有时读者相查下，这里分开图截，因为没找到好用的截全屏工具， 所以这里只能分段截...

2.本节示例代码下载：

PorterDuffColorFilterDemo2.zip

本节小结：

这一节内容其实很短，API 文档里关于这部分的用法本身就不多，这里顺手把 18 种情况也一并列出来了，方便大家对照学习图像混排，理解起来会更直观一些。今天请了一天假，回学校重新感受了一下学生生活，也去图书馆转了转，整个人的状态跟着轻松了不少，心情自然也就好了。说到底，换个环境未必就能立刻解决问题，很多时候，真正值得先做的，还是从改变自己开始。

PS：例子摘自Github：ColorFilterTest