图形变换Matrix(从零开始学Android)
2015-04-21 19:53
323 查看
Matrix ,翻译过来是矩阵,大学课程是线性代数有专门介绍,相信大多数人都很头疼,在图像处理方面,主要是用于平面的缩放、平移、旋转等操作。在这里就体现了学编程为什么说数学要好了。而我们是入门,就不介绍那么高深的东东了,你有兴趣,自己研究吧。
Matrix的操作,总共分为translate(平移),rotate(旋转),scale(缩放)和skew(倾斜)四种,每一种变换在Android的API里都提供了set, post和pre三种操作方式,除了translate,其他三种操作都可以指定中心点。
set是直接设置Matrix的值,每次set一次,整个Matrix的数组都会变掉。
post是后乘,当前的矩阵乘以参数给出的矩阵。可以连续多次使用post,来完成所需的整个变换。例如,要将一个图片旋转30度,然后平移到(100,100)的地方,那么可以这样做。
[java] view
plaincopy
Matrix matrix = new Matrix();
matrix.postRotate(30);
matrix.postTranslate(100, 100);
pre是前乘,参数给出的矩阵乘以当前的矩阵。所以操作是在当前矩阵的最前面发生的。例如上面的例子,如果用pre的话
[java] view
plaincopy
Matrix matrix = new Matrix();
matrix .setTranslate(100, 100);
matrix .preRotate(30);
旋转、缩放和倾斜都可以围绕一个中心点来进行,如果不指定,默认情况下,是围绕(0,0)点来进行。
本案例则仅是简单实现了显示图片并将之放大三倍,其它效果你可以随意试试。
一、设计界面
1、布局文件
我们使用自定义GraphicsView类作为布局,继承自View。
因此,不需要布局文件。
二、程序文件
1、创建“src/com.genwoxue.matrix/MatrixView.java”文件。
然后输入以下代码:
[java] view
plaincopy
package com.genwoxue.matrix;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.view.View;
public class MatrixView extends View{
Paint paint=null;
Resources src=null;
Bitmap bitmap=null;
public MatrixView(Context context) {
super(context);
/*----------------------------------------------
* 建议尽量把初始化画笔、资源、位图不放在onDraw方法中,这是因为:
* onDraw经常会运行 到的,不要在里面new对象,越少越好,不然很浪费内存
*--------------------------------------------*/
//获取画笔paint,初始化画笔
paint=new Paint();
//获取资源src
src=getResources();
// 获取位图
bitmap=BitmapFactory.decodeResource(src, R.drawable.ic_launcher);
}
@Override
protected void onDraw(Canvas canvas){
//显示位图
canvas.drawBitmap(bitmap,220,220,paint);
//初始化Matrix,放大3倍
Matrix matrix=new Matrix();
matrix.setScale(3f, 3f);
//显示放大3倍的位图
canvas.drawBitmap(bitmap, matrix, null);
}
}
2、创建“src/com.genwoxue.matrix/MainActivity.java”文件。
然后输入以下代码:
[java] view
plaincopy
package com.genwoxue.matrix;
import android.os.Bundle;
import android.app.Activity;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//实例化GraphicsView
MatrixView matrixView = new MatrixView(this);
/* 在以前我们通过setContentView(R.layout.activity_main)显示布局文件
* 本例中使用MatrixView对象matrixView代替以前布局文件
*/
setContentView(matrixView);
}
}
三、配置文件
采用默认生成的“AndroidManifest.xml”文件即可,无需另行配置。
四、运行结果
Matrix的操作,总共分为translate(平移),rotate(旋转),scale(缩放)和skew(倾斜)四种,每一种变换在Android的API里都提供了set, post和pre三种操作方式,除了translate,其他三种操作都可以指定中心点。
set是直接设置Matrix的值,每次set一次,整个Matrix的数组都会变掉。
post是后乘,当前的矩阵乘以参数给出的矩阵。可以连续多次使用post,来完成所需的整个变换。例如,要将一个图片旋转30度,然后平移到(100,100)的地方,那么可以这样做。
[java] view
plaincopy
Matrix matrix = new Matrix();
matrix.postRotate(30);
matrix.postTranslate(100, 100);
pre是前乘,参数给出的矩阵乘以当前的矩阵。所以操作是在当前矩阵的最前面发生的。例如上面的例子,如果用pre的话
[java] view
plaincopy
Matrix matrix = new Matrix();
matrix .setTranslate(100, 100);
matrix .preRotate(30);
旋转、缩放和倾斜都可以围绕一个中心点来进行,如果不指定,默认情况下,是围绕(0,0)点来进行。
本案例则仅是简单实现了显示图片并将之放大三倍,其它效果你可以随意试试。
一、设计界面
1、布局文件
我们使用自定义GraphicsView类作为布局,继承自View。
因此,不需要布局文件。
二、程序文件
1、创建“src/com.genwoxue.matrix/MatrixView.java”文件。
然后输入以下代码:
[java] view
plaincopy
package com.genwoxue.matrix;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.view.View;
public class MatrixView extends View{
Paint paint=null;
Resources src=null;
Bitmap bitmap=null;
public MatrixView(Context context) {
super(context);
/*----------------------------------------------
* 建议尽量把初始化画笔、资源、位图不放在onDraw方法中,这是因为:
* onDraw经常会运行 到的,不要在里面new对象,越少越好,不然很浪费内存
*--------------------------------------------*/
//获取画笔paint,初始化画笔
paint=new Paint();
//获取资源src
src=getResources();
// 获取位图
bitmap=BitmapFactory.decodeResource(src, R.drawable.ic_launcher);
}
@Override
protected void onDraw(Canvas canvas){
//显示位图
canvas.drawBitmap(bitmap,220,220,paint);
//初始化Matrix,放大3倍
Matrix matrix=new Matrix();
matrix.setScale(3f, 3f);
//显示放大3倍的位图
canvas.drawBitmap(bitmap, matrix, null);
}
}
2、创建“src/com.genwoxue.matrix/MainActivity.java”文件。
然后输入以下代码:
[java] view
plaincopy
package com.genwoxue.matrix;
import android.os.Bundle;
import android.app.Activity;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//实例化GraphicsView
MatrixView matrixView = new MatrixView(this);
/* 在以前我们通过setContentView(R.layout.activity_main)显示布局文件
* 本例中使用MatrixView对象matrixView代替以前布局文件
*/
setContentView(matrixView);
}
}
三、配置文件
采用默认生成的“AndroidManifest.xml”文件即可,无需另行配置。
四、运行结果
相关文章推荐
- 第94章、图形变换Matrix(从零开始学Android)
- Android学习之——图形图像处理(使用Matrix控制变换)(二)
- 第53章、Matrix图形处理(从零开始学Android)
- 第53章、Matrix图形处理(从零开始学Android)
- Android学习之——图形图像处理(使用Matrix控制变换)(二)
- 浅谈android中图片处理之图形变换特效Matrix(四)
- Android Matrix图形变换
- android 图形特效处理 Matrix控制变换
- Android中使用Matrix控制图形变换和制作倒影效果的方法
- 【转】Android中图像变换Matrix的原理、代码验证和应用
- android Matrix图片变换处理
- Android|图形图像之Matrix
- Android中图像变换Matrix的原理
- Android与IOS的Transform图形变换矩阵之间快速转换方法
- Android中图像变换Matrix的原理、代码验证和应用(二)
- 使用Matrix进行图形变换来完成图片在屏幕上的全屏显示(屏幕自适应)
- 绘制图形(从零开始学Android)
- Android中图像变换Matrix的原理、代码验证和应用
- Android--Matrix图片变换处理
- 绘图(五,Android图像变换基础知识矩阵Matrix)