Paint之setColorFilter（一）

于 2017-11-10 15:27:25 发布
阅读量314 收藏
点赞数
分类专栏： 自定义view之路 自定义view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_31057219/article/details/78500271
版权

矩阵乘法：

这里写图片描述

这里写图片描述

简介

在编程中有时候需要对图片做特殊的处理，比如将图片做出黑白的，或者老照片的效果，有时候还要对图片进行变换，以拉伸，扭曲等等。
这些效果在android中有很好的支持，通过颜色矩阵（ColorMatrix）和坐标变换矩阵（Matrix）可以完美的做出上面的所说的效果。

颜色矩阵
android中可以通过颜色矩阵（ColorMatrix类）方面的操作颜色，颜色矩阵是一个5x4 的矩阵，如下。

这里写图片描述

代表的意义如下：

这里写图片描述

这里写图片描述

这里写图片描述

参考：颜色矩阵原理解析

示例：

效果图：

这里写图片描述

MyImage

public class MyImage extends View {
    private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    private Bitmap mBitmap;
    private float[] matrixArray = new float[20];

    public MyImage(Context context, AttributeSet attrs) {
        super(context, attrs);

        mBitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.test);

        invalidate();
    }

    public void setValues(float[] a) {
        for (int i = 0; i < 20; i++) {
            matrixArray = a;
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Paint paint = mPaint;

        paint.setColorFilter(null);
        canvas.drawBitmap(mBitmap, 0, 0, paint);

        ColorMatrix colorMatrix = new ColorMatrix();
        //设置颜色矩阵
        colorMatrix.set(matrixArray);
        //颜色滤镜，将颜色矩阵应用于图片
        paint.setColorFilter(new ColorMatrixColorFilter(colorMatrix));
        //绘图
        canvas.drawBitmap(mBitmap, 0, 0, paint);
        Log.i("ColorMatrixActivity", "--------->onDraw");
    }
}

ColorMatrixActivity

此处用到了id相似(如：tv0，tv1，tv2…….)的findviewbyid的方法，

参考：Android在循环中调用findViewById();

public class ColorMatrixActivity extends Activity {

    private MyImage myImage;
    private EditText[] ets = new EditText[20];
    private float[] changeColorArray = new float[20];
    private float[] matrixArray = {
            1, 0, 0, 0, 0,
            0, 1, 0, 0, 0,
            0, 0, 1, 0, 0,
            0, 0, 0, 1, 0
    };

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.color_matrix);

        myImage = (MyImage) findViewById(R.id.myImage);
        //初始化
        myImage.setValues(matrixArray);
        myImage.invalidate();

        for (int i = 0; i < 20; i++) {
            int id = getResources().getIdentifier("indexa" + i, "id", getPackageName());
            EditText editText = (EditText) findViewById(id);
            ets[i] = editText;
        }

        //通过修改改变颜色滤镜
        findViewById(R.id.set_color).setOnClickListener(new Button.OnClickListener() {

            @Override
            public void onClick(View arg0) {
                for (int i = 0; i < 20; i++) {
                    float trim = Float.valueOf(ets[i].getText().toString().trim());
                    changeColorArray[i] = trim;
                }

                myImage.setValues(changeColorArray);
                myImage.invalidate();
            }
        });
    }
}

布局：

为了让EditText可以输入负数和小数，使用这个属性：android:inputType=”numberSigned|numberDecimal”

<?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:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:orientation="vertical">

    <com.android.imooc.MyImage
        android:id="@+id/myImage"
        android:layout_width="match_parent"
        android:layout_height="120dp" />

    <!--红色-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:orientation="horizontal">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="R"
            android:textColor="#ff4081"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/indexa0"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="15dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa1"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa2"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa3"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa4"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />


    </LinearLayout>

    <!--绿色-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:orientation="horizontal">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="G"
            android:textColor="#ff4081"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/indexa5"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="15dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa6"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa7"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa8"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa9"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />


    </LinearLayout>

    <!--蓝色-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:orientation="horizontal">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="B"
            android:textColor="#ff4081"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/indexa10"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="15dp"
            android:layout_weight="1"

            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa11"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />


        <EditText
            android:id="@+id/indexa12"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa13"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa14"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />


    </LinearLayout>

    <!--透明度-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:orientation="horizontal">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="A"
            android:textColor="#ff4081"
            android:textSize="16sp" />

        <EditText
            android:id="@+id/indexa15"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="15dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa16"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa17"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa18"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />

        <EditText
            android:id="@+id/indexa19"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="5dp"
            android:layout_weight="1"
            android:background="@drawable/input"
            android:inputType="numberSigned|numberDecimal" />


    </LinearLayout>

    <!--提交-->
    <Button
        android:id="@+id/set_color"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:text="提交" />

</LinearLayout>

drawable/input：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke
        android:width="2dp"
        android:color="#0000ff" />
</shape>
Mars-xq
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值