Paint API之—— ColorFilter(顏色過濾器)(3-3)
本節(jié)引言:
嗯,本來說好今天不寫的,還是寫吧,畢竟難得空閑哈~,本節(jié)給大家?guī)淼氖?ColorFilter的第三個子類:PorterDuffColorFilter,看到PorterDuff大家一定不會 陌生吧,假如你看過前面的Android基礎(chǔ)入門教程——8.3.5 Paint API之—— Xfermode與PorterDuff詳解(二)其實效果都是一樣的,只是這里用的是顏色,而且直接設(shè)置就好,下面我們來寫個簡單的 例子,我們?nèi)?種不同的顏色,對18種模式進行測試! 官方API文檔:PorterDuffColorFilter我們可以看到關(guān)鍵也是在于他的構(gòu)造方法:
前面是顏色,后面是模式~,來來來,寫例子:
1.測試代碼示例:
運行效果圖:
代碼實現(xiàn):
這里的話我們用一個GridView來裝他們,我們先來寫下每個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>
接著我們編寫一個POJO業(yè)務(wù)類: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類的話我們用回以前寫的可復(fù)用的自定義BaseAdapter類,這里就不貼了,不過要加 多個方法:
/** * 設(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類,填充數(shù)據(jù),設(shè)置Adapter,非常簡單:
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); } }
上面的動圖可能太快,有時讀者相查下,這里分開圖截,因為沒找到好用的截全屏工具, 所以這里只能分段截...
2.本節(jié)示例代碼下載:
PorterDuffColorFilterDemo2.zip
本節(jié)小結(jié):
本節(jié)非常簡短,API文檔里就那么個用法,這里也把18種情況也列舉出來了,相信 會對大家學(xué)習(xí)圖像混排帶來幫助~謝謝,今天請了一天假,會學(xué)校又感受了下學(xué)生的 感覺,去了一趟圖書館,看了一大波的美女,然后心情就nice了,決定還是暫時先 在這個公司好好滴做一個實習(xí)生,換了環(huán)境不一定能改變什么,先從改變自己開始吧~
PS:例子摘自Github:ColorFilterTest