Android绘图机制 Demo(简单完成美图秀秀的滤镜)

本文主要是介绍Android绘图机制 Demo(简单完成美图秀秀的滤镜)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Android绘图机制 Demo(简单完成美图秀秀的滤镜)

1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"android:orientation="vertical"><ImageViewandroid:id="@+id/image_view"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="2" /><GridLayoutandroid:id="@+id/grid_layout"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="3"android:columnCount="5"android:rowCount="4"/><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Buttonandroid:id="@+id/btn_change"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="改变"/><Buttonandroid:id="@+id/btn_reset"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="重置"/></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Buttonandroid:id="@+id/btn_gray"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="灰度"/><Buttonandroid:id="@+id/btn_reverse"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="反转"/><Buttonandroid:id="@+id/btn_nostalgia"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="怀旧"/><Buttonandroid:id="@+id/btn_discoloration"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="去色"/><Buttonandroid:id="@+id/btn_high_saturation"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="饱和"/></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Buttonandroid:id="@+id/btn_negative"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="底片"/><Buttonandroid:id="@+id/btn_old_image"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="老照片"/></LinearLayout></LinearLayout>

2.java

package com.example.android_image;import androidx.appcompat.app.AppCompatActivity;import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorMatrix;
import android.graphics.ColorMatrixColorFilter;
import android.graphics.Paint;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.GridLayout;
import android.widget.ImageView;import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;public class MainActivity extends AppCompatActivity {@BindView(R.id.image_view)ImageView imageView;@BindView(R.id.grid_layout)GridLayout gridLayout;@BindView(R.id.btn_change)Button btnChange;@BindView(R.id.btn_reset)Button btnReset;@BindView(R.id.btn_gray)Button btnGray;@BindView(R.id.btn_reverse)Button btnReverse;@BindView(R.id.btn_nostalgia)Button btnNostalgia;@BindView(R.id.btn_discoloration)Button btnDiscoloration;@BindView(R.id.btn_high_saturation)Button btnHighSaturation;@BindView(R.id.btn_negative)Button btnNegative;@BindView(R.id.btn_old_image)Button btnOldImage;private Bitmap bitmap;private int mEtWidth;private int mEtHeight;private EditText[] editTexts = new EditText[20];private float[] colorMatrices = new float[20];@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ButterKnife.bind(this);bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.image);imageView.setImageBitmap(bitmap);//无法在onCreate()方法中获得视图的宽高值，//所以通过View的post方法，在视图创建完毕后获得其宽高值gridLayout.post(new Runnable() {@Overridepublic void run() {//获取宽高信息mEtWidth = gridLayout.getWidth() / 5;mEtHeight = gridLayout.getHeight() / 4;addEts();initMatrix();}});}//添加EditTextprivate void addEts() {for (int i = 0; i < 20; i++) {EditText editText = new EditText(MainActivity.this);editTexts[i] = editText;gridLayout.addView(editText, mEtWidth, mEtHeight);}}//初始化颜色矩阵为初始状态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));}}}//获取矩阵值private void getMatrix() {for (int i = 0; i < 20; i++) {colorMatrices[i] = Float.valueOf(editTexts[i].getText().toString());}}//将矩阵值设置到图像private void setImageMatrix() {Bitmap bmp = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(),Bitmap.Config.ARGB_8888);ColorMatrix colorMatrix = new ColorMatrix();colorMatrix.set(colorMatrices);Canvas canvas = new Canvas(bmp);Paint paint = new Paint();paint.setColorFilter(new ColorMatrixColorFilter(colorMatrix));canvas.drawBitmap(bitmap, 0, 0, paint);imageView.setImageBitmap(bmp);}//特效(ColorMatrices)private void specialEffect(int type) {switch (type) {case 1://灰度colorMatrices = new float[]{0.33f, 0.59f, 0.11f, 0, 0,0.33f, 0.59f, 0.11f, 0, 0,0.33f, 0.59f, 0.11f, 0, 0,0, 0, 0, 1, 0};break;case 2://反转colorMatrices = new float[]{-1, 0, 0, 1, 1,0, -1, 0, 1, 1,0, 0, -1, 1, 1,0, 0, 0, 1, 0};break;case 3://怀旧colorMatrices = new float[]{0.393f, 0.769f, 0.189f, 0, 0,0.349f, 0.686f, 0.168f, 0, 0,0.272f, 0.534f, 0.131f, 0, 0,0, 0, 0, 1, 0};break;case 4://去色colorMatrices = new float[]{1.5f, 1.5f, 1.5f, 0, -1,1.5f, 1.5f, 1.5f, 0, -1,1.5f, 1.5f, 1.5f, 0, -1,0, 0, 0, 1, 0};break;case 5://高饱和度colorMatrices = new float[]{1.438f, -0.122f, -0.016f, 0, -0.03f,-0.062f, 1.378f, -0.016f, 0, 0.05f,-0.062f, -0.122f, 1.483f, 0, -0.02f,0, 0, 0, 1, 0};break;}for (int i = 0; i < 20; i++) {editTexts[i].setText(String.valueOf(colorMatrices[i]));}}//底片(像素点)private Bitmap handleImageNegative(Bitmap bm) {int width = bm.getWidth();int height = bm.getHeight();int color;int r, g, b, a;Bitmap bmp = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);int[] oldPx = new int[width * height];int[] newPx = new int[width * height];bm.getPixels(oldPx, 0, width, 0, 0, width, height);for (int i = 0; i < width * height; i++) {color = oldPx[i];r = Color.red(color);g = Color.green(color);b = Color.blue(color);a = Color.alpha(color);r = 255 - r;g = 255 - g;b = 255 - b;if (r > 255) {r = 255;} else if (r < 0) {r = 0;}if (g > 255) {g = 255;} else if (g < 0) {g = 0;}if (b > 255) {b = 255;} else if (b < 0) {b = 0;}newPx[i] = Color.argb(a, r, g, b);}bmp.setPixels(newPx, 0, width, 0, 0, width, height);return bmp;}//老照片(像素点)private Bitmap handleImageOld(Bitmap bm) {int width = bm.getWidth();int height = bm.getHeight();int color;int r, g, b, a;Bitmap bmp = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);//原始图片的像素int[] oldPx = new int[width * height];//新图片的像素int[] newPx = new int[width * height];bm.getPixels(oldPx, 0, width, 0, 0, width, height);for (int i = 0; i < width * height; i++) {//获得每个点的像素并进行分解color = oldPx[i];r = Color.red(color);g = Color.green(color);b = Color.blue(color);a = Color.alpha(color);//根据想要的底片效果进行设置r = (int) (0.393 * r + 0.769 * g + 0.189 * b);g = (int) (0.349 * r + 0.686 * g + 0.168 * b);b = (int) (0.272 * r + 0.534 * g + 0.131 * b);if (r > 255) {r = 255;} else if (r < 0) {r = 0;}if (g > 255) {g = 255;} else if (g < 0) {g = 0;}if (b > 255) {b = 255;} else if (b < 0) {b = 0;}//通过设置的颜色来合成新颜色newPx[i] = Color.argb(a, r, g, b);}//为新的位图设置像素bmp.setPixels(newPx, 0, width, 0, 0, width, height);return bmp;}@OnClick({R.id.btn_change, R.id.btn_reset,R.id.btn_gray, R.id.btn_reverse, R.id.btn_nostalgia,R.id.btn_discoloration, R.id.btn_high_saturation,R.id.btn_negative, R.id.btn_old_image})public void onViewClicked(View view) {switch (view.getId()) {case R.id.btn_change://作用矩阵效果getMatrix();setImageMatrix();break;case R.id.btn_reset://重置矩阵效果initMatrix();getMatrix();setImageMatrix();break;case R.id.btn_gray://灰度specialEffect(1);setImageMatrix();break;case R.id.btn_reverse://反转specialEffect(2);setImageMatrix();break;case R.id.btn_nostalgia://怀旧specialEffect(3);setImageMatrix();break;case R.id.btn_discoloration://去色specialEffect(4);setImageMatrix();break;case R.id.btn_high_saturation://高饱和度specialEffect(5);setImageMatrix();break;case R.id.btn_negative://底片imageView.setImageBitmap(handleImageNegative(bitmap));break;case R.id.btn_old_image://老照片imageView.setImageBitmap(handleImageOld(bitmap));break;}}}

3.运行效果;

这篇关于Android绘图机制 Demo(简单完成美图秀秀的滤镜)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---