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

2024-04-28 16:48

本文主要是介绍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

相关文章

Spring事务传播机制最佳实践

《Spring事务传播机制最佳实践》Spring的事务传播机制为我们提供了优雅的解决方案,本文将带您深入理解这一机制,掌握不同场景下的最佳实践,感兴趣的朋友一起看看吧... 目录1. 什么是事务传播行为2. Spring支持的七种事务传播行为2.1 REQUIRED(默认)2.2 SUPPORTS2

MySQL中的锁机制详解之全局锁,表级锁,行级锁

《MySQL中的锁机制详解之全局锁,表级锁,行级锁》MySQL锁机制通过全局、表级、行级锁控制并发,保障数据一致性与隔离性,全局锁适用于全库备份,表级锁适合读多写少场景,行级锁(InnoDB)实现高并... 目录一、锁机制基础:从并发问题到锁分类1.1 并发访问的三大问题1.2 锁的核心作用1.3 锁粒度分

Navicat数据表的数据添加,删除及使用sql完成数据的添加过程

《Navicat数据表的数据添加,删除及使用sql完成数据的添加过程》:本文主要介绍Navicat数据表的数据添加,删除及使用sql完成数据的添加过程,具有很好的参考价值,希望对大家有所帮助,如有... 目录Navicat数据表数据添加,删除及使用sql完成数据添加选中操作的表则出现如下界面,查看左下角从左

Redis的持久化之RDB和AOF机制详解

《Redis的持久化之RDB和AOF机制详解》:本文主要介绍Redis的持久化之RDB和AOF机制,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录概述RDB(Redis Database)核心原理触发方式手动触发自动触发AOF(Append-Only File)核

Android DataBinding 与 MVVM使用详解

《AndroidDataBinding与MVVM使用详解》本文介绍AndroidDataBinding库,其通过绑定UI组件与数据源实现自动更新,支持双向绑定和逻辑运算,减少模板代码,结合MV... 目录一、DataBinding 核心概念二、配置与基础使用1. 启用 DataBinding 2. 基础布局

Android ViewBinding使用流程

《AndroidViewBinding使用流程》AndroidViewBinding是Jetpack组件,替代findViewById,提供类型安全、空安全和编译时检查,代码简洁且性能优化,相比Da... 目录一、核心概念二、ViewBinding优点三、使用流程1. 启用 ViewBinding (模块级

PostgreSQL中MVCC 机制的实现

《PostgreSQL中MVCC机制的实现》本文主要介绍了PostgreSQL中MVCC机制的实现,通过多版本数据存储、快照隔离和事务ID管理实现高并发读写,具有一定的参考价值,感兴趣的可以了解一下... 目录一 MVCC 基本原理python1.1 MVCC 核心概念1.2 与传统锁机制对比二 Postg

Maven 配置中的 <mirror>绕过 HTTP 阻断机制的方法

《Maven配置中的<mirror>绕过HTTP阻断机制的方法》:本文主要介绍Maven配置中的<mirror>绕过HTTP阻断机制的方法,本文给大家分享问题原因及解决方案,感兴趣的朋友一... 目录一、问题场景:升级 Maven 后构建失败二、解决方案:通过 <mirror> 配置覆盖默认行为1. 配置示

Redis过期删除机制与内存淘汰策略的解析指南

《Redis过期删除机制与内存淘汰策略的解析指南》在使用Redis构建缓存系统时,很多开发者只设置了EXPIRE但却忽略了背后Redis的过期删除机制与内存淘汰策略,下面小编就来和大家详细介绍一下... 目录1、简述2、Redis http://www.chinasem.cn的过期删除策略(Key Expir

基于Python实现一个简单的题库与在线考试系统

《基于Python实现一个简单的题库与在线考试系统》在当今信息化教育时代,在线学习与考试系统已成为教育技术领域的重要组成部分,本文就来介绍一下如何使用Python和PyQt5框架开发一个名为白泽题库系... 目录概述功能特点界面展示系统架构设计类结构图Excel题库填写格式模板题库题目填写格式表核心数据结构