[关闭]
@coder-pig 2015-10-29T12:42:01.000000Z 字数 3477 阅读 1062

Android基础入门教程——8.3.11 Paint API之—— ColorFilter(颜色过滤器)(3-3)

Android基础入门教程


本节引言:

嗯,本来说好今天不写的,还是写吧,毕竟难得空闲哈~,本节给大家带来的是
ColorFilter的第三个子类:PorterDuffColorFilter,看到PorterDuff大家一定不会
陌生吧,假如你看过前面的
Android基础入门教程——8.3.5 Paint API之—— Xfermode与PorterDuff详解(二)
其实效果都是一样的,只是这里用的是颜色,而且直接设置就好,下面我们来写个简单的
例子,我们取6种不同的颜色,对18种模式进行测试!
官方API文档:PorterDuffColorFilter
我们可以看到关键也是在于他的构造方法:

前面是颜色,后面是模式~,来来来,写例子:


1.测试代码示例:

运行效果图

代码实现

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

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical">
  6. <ImageView
  7. android:id="@+id/img_show"
  8. android:layout_width="wrap_content"
  9. android:layout_height="wrap_content"
  10. android:src="@mipmap/ic_launcher" />
  11. <TextView
  12. android:id="@+id/tv_color"
  13. android:layout_width="wrap_content"
  14. android:layout_height="wrap_content"
  15. android:gravity="center_vertical"
  16. android:textSize="12sp"
  17. android:text="颜色"
  18. android:textColor="#FFFFFFFF" />
  19. <TextView
  20. android:id="@+id/tv_mode"
  21. android:layout_width="wrap_content"
  22. android:layout_height="wrap_content"
  23. android:textColor="#FFD9ECFF"
  24. android:text="模式"/>
  25. </LinearLayout>

接着我们编写一个POJO业务类:Data.java

  1. /**
  2. * Created by Jay on 2015/10/29 0029.
  3. */
  4. public class Data {
  5. private int color;
  6. private PorterDuff.Mode mode;
  7. public Data() {
  8. }
  9. public Data(int color, PorterDuff.Mode mode) {
  10. this.color = color;
  11. this.mode = mode;
  12. }
  13. public int getColor() {
  14. return color;
  15. }
  16. public PorterDuff.Mode getMode() {
  17. return mode;
  18. }
  19. public void setColor(int color) {
  20. this.color = color;
  21. }
  22. public void setMode(PorterDuff.Mode mode) {
  23. this.mode = mode;
  24. }
  25. }

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

  1. /**
  2. * 设置ColorFilter
  3. * */
  4. public ViewHolder setColorFilter(int id,int color,PorterDuff.Mode mode){
  5. View view = getView(id);
  6. if (view instanceof ImageView) {
  7. ((ImageView) view).setColorFilter(color,mode);
  8. }
  9. return this;
  10. }

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

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:layout_width="match_parent"
  3. android:layout_height="match_parent"
  4. android:orientation="vertical">
  5. <GridView
  6. android:id="@+id/gd_show"
  7. android:background="#FF333333"
  8. android:numColumns="6"
  9. android:layout_width="match_parent"
  10. android:layout_height="wrap_content"/>
  11. </LinearLayout>

最后是我们的MainActivity.java类,填充数据,设置Adapter,非常简单:

  1. public class MainActivity extends AppCompatActivity {
  2. private GridView gd_show;
  3. private ArrayList<Data> items = null;
  4. private MyAdapter<Data> myAdapter = null;
  5. @Override
  6. protected void onCreate(Bundle savedInstanceState) {
  7. super.onCreate(savedInstanceState);
  8. setContentView(R.layout.activity_main);
  9. gd_show = (GridView) findViewById(R.id.gd_show);
  10. //填充数据,遍历Mode模式:
  11. items = new ArrayList<Data>();
  12. for (PorterDuff.Mode mode : PorterDuff.Mode.class.getEnumConstants()) {
  13. items.add(new Data(0x77E50961, mode));
  14. items.add(new Data(0xFFE50961, mode));
  15. items.add(new Data(0x77FFFFFF, mode));
  16. items.add(new Data(0xFFFFFFFF, mode));
  17. items.add(new Data(0x77000000, mode));
  18. items.add(new Data(0xFF000000, mode));
  19. }
  20. myAdapter = new MyAdapter<Data>(items, R.layout.view_item) {
  21. @Override
  22. public void bindView(ViewHolder holder, Data obj) {
  23. holder.setColorFilter(R.id.img_show, obj.getColor(), obj.getMode());
  24. holder.setText(R.id.tv_color, String.format("%08X", obj.getColor()));
  25. holder.setText(R.id.tv_mode, obj.getMode().toString());
  26. }
  27. };
  28. gd_show.setAdapter(myAdapter);
  29. }
  30. }

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


2.本节示例代码下载:

PorterDuffColorFilterDemo2.zip


本节小结:

本节非常简短,API文档里就那么个用法,这里也把18种情况也列举出来了,相信
会对大家学习图像混排带来帮助~谢谢,今天请了一天假,会学校又感受了下学生的
感觉,去了一趟图书馆,看了一大波的美女,然后心情就nice了,决定还是暂时先
在这个公司好好滴做一个实习生,换了环境不一定能改变什么,先从改变自己开始吧~
PS:例子摘自Github:ColorFilterTest

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注