承香墨影 Android--Matrix图片变换处理

最新推荐文章于 2022-04-14 13:34:30 发布
最新推荐文章于 2022-04-14 13:34:30 发布
阅读量45 收藏
点赞数
文章标签： 移动开发
原文链接：http://www.cnblogs.com/ldq2016/p/5396562.html
版权

Android--Matrix图片变换处理

前言

　　本篇博客主要讲解一下如何处理对一个Bitmap对象进行处理，包括：缩放、旋转、位移、倾斜等。在最后将以一个简单的Demo来演示图片特效的变换。

 　　本篇博客的主要内容：

  1. Matrix
  2. Matrix缩放
  3. Matrix旋转
  4. Matrix位移
  5. Matrix倾斜
  6. Matrix变换注意事项
  7. Matrix完整的Demo

 

Matrix

　　对于一个图片变换的处理，需要Matrix类的支持，它位于"android.graphics.Matrix"包下，是Android提供的一个矩阵工具类，它本身不能对图像或View进行变换，但它可与其他API结合来控制图形、View的变换，如Canvas。

　　Matrix提供了一些方法来控制图片变换：

  • setTranslate(float dx,float dy)：控制Matrix进行位移。
  • setSkew(float kx,float ky)：控制Matrix进行倾斜，kx、ky为X、Y方向上的比例。
  • setSkew(float kx,float ky,float px,float py)：控制Matrix以px、py为轴心进行倾斜，kx、ky为X、Y方向上的倾斜比例。
  • setRotate(float degrees)：控制Matrix进行depress角度的旋转，轴心为（0,0）。
  • setRotate(float degrees,float px,float py)：控制Matrix进行depress角度的旋转，轴心为(px,py)。
  • setScale(float sx,float sy)：设置Matrix进行缩放，sx、sy为X、Y方向上的缩放比例。
  • setScale(float sx,float sy,float px,float py)：设置Matrix以(px,py)为轴心进行缩放，sx、sy为X、Y方向上的缩放比例。

　　之前有提过，图片在内存中存放的就是一个一个的像素点，而对于图片的变换主要是处理图片的每个像素点，对每个像素点进行相应的变换，即可完成对图像的变换。上面已经列举了Matrix进行变换的常用方法，下面以几个Demo来讲解一下如何通过Matrix进行变换。 

 

Matrix缩放

　　代码：

复制代码 
 1     /**
 2      * 缩放图片
 3      */  4 protected void bitmapScale(float x, float y) {  5 // 因为要将图片放大，所以要根据放大的尺寸重新创建Bitmap  6 Bitmap afterBitmap = Bitmap.createBitmap(  7 (int) (baseBitmap.getWidth() * x),  8 (int) (baseBitmap.getHeight() * y), baseBitmap.getConfig());  9 Canvas canvas = new Canvas(afterBitmap); 10 // 初始化Matrix对象 11 Matrix matrix = new Matrix(); 12 // 根据传入的参数设置缩放比例 13  matrix.setScale(x, y); 14 // 根据缩放比例，把图片draw到Canvas上 15  canvas.drawBitmap(baseBitmap, matrix,paint); 16  iv_after.setImageBitmap(afterBitmap); 17 }
复制代码

　　效果展示：

 

Matrix旋转

　　代码：

复制代码 
 1     /**
 2      * 图片旋转
 3      */  4 protected void bitmapRotate(float degrees) {  5 // 创建一个和原图一样大小的图片  6 Bitmap afterBitmap = Bitmap.createBitmap(baseBitmap.getWidth(),  7  baseBitmap.getHeight(), baseBitmap.getConfig());  8 Canvas canvas = new Canvas(afterBitmap);  9 Matrix matrix = new Matrix(); 10 // 根据原图的中心位置旋转 11 matrix.setRotate(degrees, baseBitmap.getWidth() / 2, 12 baseBitmap.getHeight() / 2); 13  canvas.drawBitmap(baseBitmap, matrix, paint); 14  iv_after.setImageBitmap(afterBitmap); 15 }
复制代码

　　效果展示：

 

Matrix位移

　　代码：

复制代码 
 1     /**
 2      * 图片移动
 3      */  4 protected void bitmapTranslate(float dx, float dy) {  5 // 需要根据移动的距离来创建图片的拷贝图大小  6 Bitmap afterBitmap = Bitmap.createBitmap(  7 (int) (baseBitmap.getWidth() + dx),  8 (int) (baseBitmap.getHeight() + dy), baseBitmap.getConfig());  9 Canvas canvas = new Canvas(afterBitmap); 10 Matrix matrix = new Matrix(); 11 // 设置移动的距离 12  matrix.setTranslate(dx, dy); 13  canvas.drawBitmap(baseBitmap, matrix, paint); 14  iv_after.setImageBitmap(afterBitmap); 15 }
复制代码

　　效果展示：

 

Matrix倾斜

　　代码：

复制代码 
 1     /**
 2      * 倾斜图片
 3      */  4 protected void bitmapSkew(float dx, float dy) {  5 // 根据图片的倾斜比例，计算变换后图片的大小，  6 Bitmap afterBitmap = Bitmap.createBitmap(baseBitmap.getWidth()  7 + (int) (baseBitmap.getWidth() * dx), baseBitmap.getHeight()  8 + (int) (baseBitmap.getHeight() * dy), baseBitmap.getConfig());  9 Canvas canvas = new Canvas(afterBitmap); 10 Matrix matrix = new Matrix(); 11 // 设置图片倾斜的比例 12  matrix.setSkew(dx, dy); 13  canvas.drawBitmap(baseBitmap, matrix, paint); 14  iv_after.setImageBitmap(afterBitmap); 15 }
复制代码

　　效果展示：

 

Matrix变换注意事项

　　上面几个小方法演示了如何使用Matrix进行变换，但是还有几点需要额外注意一下：

  • 对于一个从BitmapFactory.decodeXxx()方法加载的Bitmap对象而言，它是一个只读的，无法对其进行处理，必须使用Bitmap.createBitmap()方法重新创建一个Bitmap对象的拷贝，才可以对拷贝的Bitmap进行处理。
  • 因为图像的变换是针对每一个像素点的，所以有些变换可能发生像素点的丢失，这里需要使用Paint.setAnitiAlias(boolean)设置来消除锯齿，这样图片变换后的效果会好很多。
  • 在重新创建一个Bitmap对象的拷贝的时候，需要注意它的宽高，如果设置不妥，很可能变换后的像素点已经移动到"图片之外"去了。

 

Matrix完整的Demo

　　下面给出本篇博客讲解的使用Matrix的完整Demo代码。

　　布局代码：

复制代码 
 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2  xmlns:tools="http://schemas.android.com/tools"  3  android:layout_width="match_parent"  4  android:layout_height="match_parent"  5  android:orientation="vertical"  6  android:paddingBottom="@dimen/activity_vertical_margin"  7  android:paddingLeft="@dimen/activity_horizontal_margin"  8  android:paddingRight="@dimen/activity_horizontal_margin"  9  android:paddingTop="@dimen/activity_vertical_margin" 10  tools:context=".MainActivity" > 11 12 <LinearLayout 13 android:layout_width="wrap_content" 14  android:layout_height="wrap_content" 15  android:orientation="horizontal" > 16 17 <Button 18 android:id="@+id/btn_scale" 19  android:layout_width="wrap_content" 20  android:layout_height="wrap_content" 21  android:text="缩放" /> 22 23 <Button 24 android:id="@+id/btn_rotate" 25  android:layout_width="wrap_content" 26  android:layout_height="wrap_content" 27  android:text="旋转" /> 28 29 <Button 30 android:id="@+id/btn_translate" 31  android:layout_width="wrap_content" 32  android:layout_height="wrap_content" 33  android:text="平移" /> 34 35 <Button 36 android:id="@+id/btn_skew" 37  android:layout_width="wrap_content" 38  android:layout_height="wrap_content" 39  android:text="倾斜" /> 40 </LinearLayout> 41 <!-- 原始图片 --> 42 <ImageView 43 android:id="@+id/iv_base" 44  android:layout_width="wrap_content" 45  android:layout_height="wrap_content" /> 46 <!-- 处理之后的图片 --> 47 <ImageView 48 android:id="@+id/iv_after" 49  android:layout_width="wrap_content" 50  android:layout_height="wrap_content" /> 51 52 </LinearLayout>
复制代码

　　实现代码：

复制代码 
  1 package cn.bgxt.canvasmatrixdemo;
  2 
  3 import android.os.Bundle;  4 import android.view.View;  5 import android.widget.Button;  6 import android.widget.ImageView;  7 import android.app.Activity;  8 import android.graphics.Bitmap;  9 import android.graphics.BitmapFactory;  10 import android.graphics.Canvas;  11 import android.graphics.Matrix;  12 import android.graphics.Paint;  13  14 public class MainActivity extends Activity {  15 private Button btn_scale, btn_rotate, btn_translate, btn_skew;  16 private ImageView iv_base, iv_after;  17 private Bitmap baseBitmap;  18 private Paint paint;  19  20  @Override  21 protected void onCreate(Bundle savedInstanceState) {  22 super.onCreate(savedInstanceState);  23  setContentView(R.layout.activity_main);  24  25 btn_scale = (Button) findViewById(R.id.btn_scale);  26 btn_rotate = (Button) findViewById(R.id.btn_rotate);  27 btn_translate = (Button) findViewById(R.id.btn_translate);  28 btn_skew = (Button) findViewById(R.id.btn_skew);  29  30  btn_scale.setOnClickListener(click);  31  btn_rotate.setOnClickListener(click);  32  btn_translate.setOnClickListener(click);  33  btn_skew.setOnClickListener(click);  34  35 iv_base = (ImageView) findViewById(R.id.iv_base);  36 iv_after = (ImageView) findViewById(R.id.iv_after);  37  38 baseBitmap = BitmapFactory.decodeResource(getResources(),  39  R.drawable.ic_launcher);  40  iv_base.setImageBitmap(baseBitmap);  41  42 // 设置画笔，消除锯齿  43 paint = new Paint();  44 paint.setAntiAlias(true);  45  }  46  47 private View.OnClickListener click = new View.OnClickListener() {  48  49  @Override  50 public void onClick(View v) {  51  52 switch (v.getId()) {  53 case R.id.btn_scale:  54 bitmapScale(2.0f, 4.0f);  55 break;  56 case R.id.btn_rotate:  57 bitmapRotate(180);  58 break;  59 case R.id.btn_translate:  60  bitmapTranslate(20f, 20f);  61 break;  62 case R.id.btn_skew:  63 bitmapSkew(0.2f, 0.4f);  64 break;  65 default:  66 break;  67  }  68  69  }  70  };  71  72 /**  73  * 缩放图片  74 */  75 protected void bitmapScale(float x, float y) {  76 // 因为要将图片放大，所以要根据放大的尺寸重新创建Bitmap  77 Bitmap afterBitmap = Bitmap.createBitmap(  78 (int) (baseBitmap.getWidth() * x),  79 (int) (baseBitmap.getHeight() * y), baseBitmap.getConfig());  80 Canvas canvas = new Canvas(afterBitmap);  81 // 初始化Matrix对象 82 Matrix matrix = new Matrix(); 83 // 根据传入的参数设置缩放比例 84 matrix.setScale(x, y); 85 // 根据缩放比例，把图片draw到Canvas上 86 canvas.drawBitmap(baseBitmap, matrix, paint); 87 iv_after.setImageBitmap(afterBitmap); 88 } 89 90 /** 91 * 倾斜图片 92 */ 93 protected void bitmapSkew(float dx, float dy) { 94 // 根据图片的倾斜比例，计算变换后图片的大小， 95 Bitmap afterBitmap = Bitmap.createBitmap(baseBitmap.getWidth() 96 + (int) (baseBitmap.getWidth() * dx), baseBitmap.getHeight() 97 + (int) (baseBitmap.getHeight() * dy), baseBitmap.getConfig()); 98 Canvas canvas = new Canvas(afterBitmap); 99 Matrix matrix = new Matrix(); 100 // 设置图片倾斜的比例 101 matrix.setSkew(dx, dy); 102 canvas.drawBitmap(baseBitmap, matrix, paint); 103 iv_after.setImageBitmap(afterBitmap); 104 } 105 106 /** 107 * 图片移动 108 */ 109 protected void bitmapTranslate(float dx, float dy) { 110 // 需要根据移动的距离来创建图片的拷贝图大小 111 Bitmap afterBitmap = Bitmap.createBitmap( 112 (int) (baseBitmap.getWidth() + dx), 113 (int) (baseBitmap.getHeight() + dy), baseBitmap.getConfig()); 114 Canvas canvas = new Canvas(afterBitmap); 115 Matrix matrix = new Matrix(); 116 // 设置移动的距离 117 matrix.setTranslate(dx, dy); 118 canvas.drawBitmap(baseBitmap, matrix, paint); 119 iv_after.setImageBitmap(afterBitmap); 120 } 121 122 /** 123 * 图片旋转 124 */ 125 protected void bitmapRotate(float degrees) { 126 // 创建一个和原图一样大小的图片 127 Bitmap afterBitmap = Bitmap.createBitmap(baseBitmap.getWidth(), 128 baseBitmap.getHeight(), baseBitmap.getConfig()); 129 Canvas canvas = new Canvas(afterBitmap); 130 Matrix matrix = new Matrix(); 131 // 根据原图的中心位置旋转 132 matrix.setRotate(degrees, baseBitmap.getWidth() / 2, 133 baseBitmap.getHeight() / 2); 134 canvas.drawBitmap(baseBitmap, matrix, paint); 135 iv_after.setImageBitmap(afterBitmap); 136 } 137 138 }
复制代码

　　

　　源码下载

转载于:https://www.cnblogs.com/ldq2016/p/5396562.html

weixin_30909575
关注
Android中矩阵Matrix实现平移，旋转，缩放和翻转的用法详细介绍
jiangchaobing_2017的博客
01-18 2253
在进行矩阵乘法时，需要按照一定的规则进行计算，即左边矩阵的第一行的元素分别与右边矩阵的第一列的元素相乘，然后求和得到相乘矩阵的第一行的第一个元素。同样地，左边矩阵的第一行的元素分别与右边矩阵的第二列的元素相乘，求和得到相乘矩阵的第一行的第二个元素，以此类推。需要注意的是，在进行矩阵运算时，需要遵循一定的运算规则，如先进行括号内的运算，然后进行加、减、乘等运算，最后进行除法运算。可以看到，结果跟上面不同，并且这也不是我们想要的结果，这里缩放没有更改，但是平移被减半了，换句话说，平移的距离也被缩放了。
android图像变换之Matrix
gu_solo的博客
03-18 1247
Matrix中文意思是矩阵，在android中Matrix代表的就是一个3x3的举证，Matrix主要用在图片处理上，它可以对图片进行缩放、平移、旋转等，下面逐一分析Matrix的各个函数。 Matrix()：构造函数，新建一个标准的矩阵，也就是3x3的单位矩阵 Matrix(Matrix m)：构造函数，创建一个m为样本的矩阵，若m为null则创建一个标准矩阵 void getVa
Android中图像变换Matrix的原理应用，面试安卓系统架构
m0_64319298的博客
11-28 1599
canvas.drawBitmap(bitmap, matrix, null); super.onDraw(canvas); } @Override public void setImageMatrix(Matrix matrix) { this.matrix.set(matrix); super.setImageMatrix(matrix); } public Bitmap getImageBit..
Android--Matrix图片变换处理
weixin_34336292的博客
12-10 149
前言 　　本篇博客主要讲解一下如何处理对一个Bitmap对象进行处理，包括：缩放、旋转、位移、倾斜等。在最后将以一个简单的Demo来演示图片特效的变换。  　　本篇博客的主要内容： Matrix Matrix缩放 Matrix旋转 Matrix位移 Matrix倾斜 Matrix变换注意事项 Matrix完整的Demo   Matrix 　　对于一个图片变换的处理，...
使用 Matrix控制图片的变换
blue的博客
06-25 543
自定义 View 代码package com.test.matrixtest;import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Matrix; import android.graphics.drawable.B
android第三方图片处理比较好,利用android Matrix来处理简单图片
weixin_28930033的博客
05-27 136
精彩源码：Matrix是由一个3×3的矩阵组成的，因为涉及到数学中的矩阵概念先不做解释。Matrix已经给我们封装好了一些方法，这里先看看每个方法的效果。程序目录如下： main.xml展示变换前后的图片： android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="下图...
浅谈android中图片处理之图形变换特效Matrix(四)
Mikyou的专栏
05-17 8119
今天，我们就来谈下android中图片的变形的特效，在上讲博客中我们谈到android中图片中的色彩特效来实现的。改变它的颜色主要通过ColorMatrix类来实现。 现在今天所讲的图片变形的特效主要就是通过Matrix类来实现，我们通过上篇博客知道，改变色彩特效，主要是通过ColorMatrxi矩阵的系数，以及每个像素点上所对应的颜色偏移量。而今天的图形变换与那个也是非常的类似。它是一个３＊３
Android----Matrix-与坐标变换，最新Android开发进阶
code8889的博客
04-14 461
前言 首先声明，楼主不是什么大牛，没有多牛逼的技术，只是公司扩招团队，有幸作为技术面试官，面试了这么多人之后的感想，希望对大家有一点点帮助。 // ImageView.java private Matrix mMatrix; private Matrix mDrawMatrix; // 在构造函数中调用 private void initImageView() { mMatrix = new Matrix(); mScaleType = ScaleType.FIT_CENTER; } public vo
Android----Matrix-与坐标变换，熬夜整理Android高频面试题
m0_64383184的博客
11-29 873
当然了，创建并设置好Matrix之后，再使用ImageView#setImageMatrix()设置进来也可以达到同样的效果。 步骤3：使用矩阵进行坐标变换 现在我们看使用mDrawMatrix的地方： // ImageView.java protected void onDraw(Canvas canvas) { super.onDraw(canvas); // 省略部分代码… if (mDrawMatrix != null) { // 分析点1：左乘mDrawMatrix canvas.concat(m
Android-一个Android图片缩放查看控件支持手势
08-13
在Android应用开发中，图像处理和展示是必不可少的一部分，尤其是对于需要用户交互的图片查看功能。这个名为"Android-一个Android图片缩放查看控件支持手势"的项目，旨在提供一个自定义的视图控件，它允许用户通过...
Android-CameraMatrix实现WheelView3d效果
08-13
`Matrix`是Android图形系统中的另一个关键元素，它是一个数学矩阵，用于进行2D坐标变换，如平移、旋转、缩放等。在实现3D效果时，`Matrix`通常与`Camera`结合使用，通过一系列的矩阵运算，将3D空间中的物体映射到2D...
Android----Matrix-与坐标变换，flutter瀑布流布局插件
m0_66684841的博客
03-16 239
iv.setBackgroundColor(0xFF999999.toInt()) iv.scaleType = ImageView.ScaleType.MATRIX iv.setImageResource(R.color.colorAccent) // 图二：设置Matrix，缩放到两倍 val matrix = Matrix().apply { setScale(2F,2F) } iv.imageMatrix = matrix [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img
Matrix实现缩放拖动图片操作
xingzhong128的博客
05-11 1756
前言 最近在学习视频的时候看到大神讲解如何缩放和拖动图片，没想到平时很常见的一个功能真的实现起来还是挺麻烦的，这里就记录一下自定义控件实现缩放拖动图片的实现过程。 实现结果 缩放实现 首先需要把图片加载到屏幕上去，控件的大小正好是屏幕的宽高，而图片则是随机大小的，最开始的时候希望图片能够等比缩放并居中展示，这样就需要考虑四种情况。 第一种情况： 首先将其中心点移动到屏幕中心...
Matrix矩阵的图像处理
weixin_30443747的博客
12-08 739
矩阵的规则： 矩阵A与矩阵B能进行乘法操作的条件： 当矩阵A的列数等于矩阵B的行数时，A与B可以相乘。 矩阵C的行数等于矩阵A的行数，C的列数等于B的列数。 乘积C的第 i行第 j列的元素C ij等于矩阵A的第 i行的元素与矩阵B的第 j列对应元素乘积之和。 　　例如： 矩阵计算与各种图像变换联系 一、 平移变换 假定有一个点的坐标是...
我的Android进阶之旅------>android Matrix图片随意的放大缩小,拖动（转）
weixin_30900589的博客
03-17 259
step1:新建一个项目DragAndZoom，并准备一张照片放在res/drawable-hdpi目录下，如下图所示： step2: 设置应用的UI界面，在main.xml中设置： [html]view plaincopy <?xmlversion="1.0"encoding="utf-8"?> <Linea...
Android图片色彩处理ColorMatrix
一朝天子一朝陈的博客
02-16 9882
Android图片的处理一般是将图片转成位图（Bitmap）来的处理，位图包含着一张图片的所有数据。图片实际上是由很多个单一颜色的点阵组成的，这些点越小图片就越细腻，点的颜色是由色值ARGB，即透明度、红、绿、蓝四个分量决定。而整张图片的处理实际上就是对这些点的分量做调整。 Android系统中提供一个用于调整颜色的矩阵ColorMatrix，这是一个4x5的数字矩阵。而颜色的色值则保存在一个4x
Android图片加载框架最全解析（五），Glide强大的图片变换功能
热门推荐
郭霖的专栏
08-29 5万+
大家好，又到了学习Glide的时间了。在前面四篇文章的当中，我们已经学习了Glide的基本用法、Glide的工作原理和执行流程、Glide的缓存机制、以及Glide的回调机制等内容。如果你能将前面的四篇文章都掌握好了，那么恭喜你，现在你已经是一名Glide好手了。不过Glide的这个框架的功能实在是太强大了，它所能做的事情远远不止于目前我们所学的这些。因此，今天我们就再来学习一个新的功能模块，并且是一个非常重要的模块
unity开发之矩阵变换
jichang9527的博客
08-10 2306
矩阵的基本概念：矩阵是由行竖阵列的形式排列的，由m*n个数排成m行n列叫做m*n矩阵。 在3D中会用矩阵做坐标的转换，非常方便，下面我们讲一讲为什么方便。以及他的不好的地方。 1.使用基本的算法进行坐标 缩放 以及旋转变换 移动：x,y,z分别加上需要移动的距离。x = x + x' , y = y + y' , z = z + z'。 旋转：绕X旋转，y = cosθ*sqrt(x^2+
Bitmap和Matrix旋转图片
每一天，沉淀自己
10-25 405
public class RotateImageViewActivity extends Activity { private Button mButton1; private Button mButton2; private TextView mTextView; private ImageView mImageView; private int scaleTimes; ...
Android编程：Matrix矩阵变换深度解析
"Android Matrix是Android系统中用于图形变换的重要工具，尤其在处理图像时非常关键。本文主要介绍Android Matrix的基础知识以及如何在实际编程中应用它。" Android Matrix是Android SDK提供的一种数据结构，用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值