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

2024-04-28 16:48
文章标签 简单 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(简单完成美图秀秀的滤镜)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/943756。

相关文章

Android 12解决push framework.jar无法开机的方法小结

Android 12解决push framework.jar无法开机的方法小结

《Android12解决pushframework.jar无法开机的方法小结》：本文主要介绍在Android12中解决pushframework.jar无法开机的方法,包括编译指令、框架层和s... 目录1. android 编译指令1.1 framework层的编译指令1.2 替换framework.ja
阅读更多...
Android开发环境配置避坑指南

Android开发环境配置避坑指南

《Android开发环境配置避坑指南》本文主要介绍了Android开发环境配置过程中遇到的问题及解决方案,包括VPN注意事项、工具版本统一、Gerrit邮箱配置、Git拉取和提交代码、MergevsR... 目录网络环境：VPN 注意事项工具版本统一：android Studio & JDKGerrit的邮
阅读更多...
Android实现定时任务的几种方式汇总(附源码)

Android实现定时任务的几种方式汇总(附源码)

《Android实现定时任务的几种方式汇总(附源码)》在Android应用中,定时任务（ScheduledTask）的需求几乎无处不在：从定时刷新数据、定时备份、定时推送通知,到夜间静默下载、循环执行... 目录一、项目介绍1. 背景与意义二、相关基础知识与系统约束三、方案一：Handler.postDel
阅读更多...
Android使用ImageView.ScaleType实现图片的缩放与裁剪功能

Android使用ImageView.ScaleType实现图片的缩放与裁剪功能

《Android使用ImageView.ScaleType实现图片的缩放与裁剪功能》ImageView是最常用的控件之一,它用于展示各种类型的图片,为了能够根据需求调整图片的显示效果,Android提... 目录什么是 ImageView.ScaleType？FIT_XYFIT_STARTFIT_CENTE
阅读更多...
C++如何通过Qt反射机制实现数据类序列化

C++如何通过Qt反射机制实现数据类序列化

《C++如何通过Qt反射机制实现数据类序列化》在C++工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作,所以本文就来聊聊C++如何通过Qt反射机制实现数据类序列化吧... 目录设计预期设计思路代码实现使用方法在 C++ 工程中经常需要使用数据类，并对数据类进行存储、打印、调试等操作。由于数据类
阅读更多...
Android实现在线预览office文档的示例详解

Android实现在线预览office文档的示例详解

《Android实现在线预览office文档的示例详解》在移动端展示在线Office文档（如Word、Excel、PPT）是一项常见需求,这篇文章为大家重点介绍了两种方案的实现方法,希望对大家有一定的... 目录一、项目概述二、相关技术知识三、实现思路3.1 方案一：WebView + Office Onl
阅读更多...
Android实现两台手机屏幕共享和远程控制功能

Android实现两台手机屏幕共享和远程控制功能

《Android实现两台手机屏幕共享和远程控制功能》在远程协助、在线教学、技术支持等多种场景下,实时获得另一部移动设备的屏幕画面,并对其进行操作,具有极高的应用价值,本项目旨在实现两台Android手... 目录一、项目概述二、相关知识2.1 MediaProjection API2.2 Socket 网络
阅读更多...
Android实现悬浮按钮功能

Android实现悬浮按钮功能

《Android实现悬浮按钮功能》在很多场景中,我们希望在应用或系统任意界面上都能看到一个小的“悬浮按钮”（FloatingButton）,用来快速启动工具、展示未读信息或快捷操作,所以本文给大家介绍... 目录一、项目概述二、相关技术知识三、实现思路四、整合代码4.1 Java 代码（MainActivi
阅读更多...
Android Mainline基础简介

Android Mainline基础简介

《AndroidMainline基础简介》AndroidMainline是通过模块化更新Android核心组件的框架,可能提高安全性,本文给大家介绍AndroidMainline基础简介,感兴趣的朋... 目录关键要点什么是 android Mainline？Android Mainline 的工作原理关键
阅读更多...
如何解决idea的Module:‘:app‘platform‘android-32‘not found.问题

如何解决idea的Module:‘:app‘platform‘android-32‘not found.问题

《如何解决idea的Module:‘:app‘platform‘android-32‘notfound.问题》：本文主要介绍如何解决idea的Module:‘:app‘platform‘andr... 目录idea的Module:‘:app‘pwww.chinasem.cnlatform‘android-32
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2