Android学习笔记之二：矩阵ColorMatrix实现图片ARGB变化

     Android中ColorMatrix类包含一个5x4的数字矩阵用于变换图片的color值，矩阵存储在一个长度为20的一维数组中当提供一个RGBA颜色的时候，它会做出这样的变化得到新颜色。该类中常用方法可以参考API文档或博客：http://blog.csdn.net/hahajluzxb/article/details/8161725。今天学习的目标是在GridLayout中放置20个EditText，对应5x4的矩阵，对过对EditText中输入不同的值来改变ColorMatrix的值，从而实现图片的效果变化：

界面布局如下：

      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <ImageView
        android:id="@+id/matrix_iv"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_margin="10dp" 
        android:layout_weight="2"
        android:layout_gravity="center_horizontal"/>
    <GridLayout
        android:id="@+id/matrix_gv"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="3"
        android:numColumns="5" 
        android:rowCount="4">
    </GridLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
        <Button
            android:id="@+id/matrix_btn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Matrix变化" />
        <Button
            android:id="@+id/reset_btn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Matrix重置" />
    </LinearLayout>
</LinearLayout>

Acitivty中代码：

public class MatrixActivity extends Activity implements OnClickListener {
private ImageView picIv;
private GridLayout matrixGv;
private Button matrixBtn, resetBtn;
private Bitmap bitmap;
private int mWidth, mHeight;
private EditText[] editTexts = new EditText[20];//定义EditText数组
private float[] mColorMatrix = new float[20];//定义颜色值数组
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.matrix_main);
initViewsById();
setListeners();
}
private void initViewsById() {
bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.beautiful_girl);
picIv = (ImageView) findViewById(R.id.matrix_iv);
picIv.setImageBitmap(bitmap);
matrixBtn = (Button) findViewById(R.id.matrix_btn);
resetBtn = (Button) findViewById(R.id.reset_btn);
matrixGv = (GridLayout) findViewById(R.id.matrix_gv);
matrixGv.post(new Runnable() {
@Override
public void run() {
mWidth = matrixGv.getWidth()/5;// 绘制后取得的数据才不会为0
mHeight = matrixGv.getHeight()/4;
initEdits();
initMatrix();
}
});
}
private void setListeners() {
matrixBtn.setOnClickListener(this);
resetBtn.setOnClickListener(this);
}
private void initEdits() {
for (int i = 0; i < 20; i++) {
EditText edt = new EditText(MatrixActivity.this);
edt.setGravity(Gravity.CENTER);
editTexts[i]=edt;
matrixGv.addView(edt, mWidth, mHeight);
}
}
private void initMatrix() {
for (int i = 0; i < 20; i++) {
if (i % 6 == 0) {
editTexts[i].setText(String.valueOf(1));
}
else {
editTexts[i].setText(String.valueOf(0));
}
}
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.matrix_btn:
getMatrixValues();
setMatrixForImage();
break;
case R.id.reset_btn:
initMatrix();
getMatrixValues();
setMatrixForImage();
break;
}
}
private void getMatrixValues() {
for (int i = 0; i < 20; i++) {
mColorMatrix[i] = Float.valueOf(editTexts[i].getText().toString());
}
}
private void setMatrixForImage() {
Bitmap bmp = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);
ColorMatrix colorMatrix = new ColorMatrix();
colorMatrix.set(mColorMatrix);

Canvas canvas = new Canvas(bmp);
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
paint.setColorFilter(new ColorMatrixColorFilter(colorMatrix));
canvas.drawBitmap(bitmap, 0, 0, paint);
picIv.setImageBitmap(bitmap);
}
}