本節(jié)引言：

嗯，本來(lái)說(shuō)好今天不寫(xiě)的，還是寫(xiě)吧，畢竟難得空閑哈~，本節(jié)給大家?guī)?lái)的是 ColorFilter的第三個(gè)子類(lèi)：PorterDuffColorFilter，看到PorterDuff大家一定不會(huì) 陌生吧，假如你看過(guò)前面的Android基礎(chǔ)入門(mén)教程——8.3.5 Paint API之—— Xfermode與PorterDuff詳解(二)其實(shí)效果都是一樣的，只是這里用的是顏色，而且直接設(shè)置就好，下面我們來(lái)寫(xiě)個(gè)簡(jiǎn)單的 例子，我們?nèi)?種不同的顏色，對(duì)18種模式進(jìn)行測(cè)試！ 官方API文檔：PorterDuffColorFilter我們可以看到關(guān)鍵也是在于他的構(gòu)造方法：

前面是顏色，后面是模式~，來(lái)來(lái)來(lái)，寫(xiě)例子：

1.測(cè)試代碼示例：

運(yùn)行效果圖：

代碼實(shí)現(xiàn)：

這里的話(huà)我們用一個(gè)GridView來(lái)裝他們，我們先來(lái)寫(xiě)下每個(gè)item的布局：view_item.xml：

<?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">

    <ImageView
        android:id="@+id/img_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/tv_color"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:textSize="12sp"
        android:text="顏色"
        android:textColor="#FFFFFFFF" />

    <TextView
        android:id="@+id/tv_mode"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#FFD9ECFF"
        android:text="模式"/></LinearLayout>

接著我們編寫(xiě)一個(gè)POJO業(yè)務(wù)類(lèi)：Data.java：

/**
 * 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類(lèi)的話(huà)我們用回以前寫(xiě)的可復(fù)用的自定義BaseAdapter類(lèi)，這里就不貼了，不過(guò)要加 多個(gè)方法：

/**
 * 設(shè)置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：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <GridView
        android:id="@+id/gd_show"
        android:background="#FF333333"
        android:numColumns="6"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

最后是我們的MainActivity.java類(lèi)，填充數(shù)據(jù)，設(shè)置Adapter，非常簡(jiǎn)單：

public class MainActivity extends AppCompatActivity {

    private GridView gd_show;
    private ArrayList items = null;
    private MyAdapter myAdapter = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gd_show = (GridView) findViewById(R.id.gd_show);

        //填充數(shù)據(jù)，遍歷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);
    }
}

上面的動(dòng)圖可能太快，有時(shí)讀者相查下，這里分開(kāi)圖截，因?yàn)闆](méi)找到好用的截全屏工具， 所以這里只能分段截...

2.本節(jié)示例代碼下載：

PorterDuffColorFilterDemo2.zip

本節(jié)小結(jié)：

本節(jié)非常簡(jiǎn)短，API文檔里就那么個(gè)用法，這里也把18種情況也列舉出來(lái)了，相信 會(huì)對(duì)大家學(xué)習(xí)圖像混排帶來(lái)幫助~謝謝，今天請(qǐng)了一天假，會(huì)學(xué)校又感受了下學(xué)生的 感覺(jué)，去了一趟圖書(shū)館，看了一大波的美女，然后心情就nice了，決定還是暫時(shí)先 在這個(gè)公司好好滴做一個(gè)實(shí)習(xí)生，換了環(huán)境不一定能改變什么，先從改變自己開(kāi)始吧~

PS：例子摘自Github：ColorFilterTest