论坛首页 移动开发技术论坛

Android画图之Matrix(一)

浏览 9994 次
该帖已经被评为良好帖
作者 正文
   发表时间:2010-07-13   最后修改:2010-07-13

 

        Matrix ,中文里叫矩阵,高等数学里有介绍,在图像处理方面,主要是用于平面的缩放、平移、旋转等操作。

        首先介绍一下矩阵运算。加法和减法就不用说了,太简单了,对应位相加就好。图像处理,主要用到的是乘法 。下面是一个乘法的公式:



        在 Android 里面, Matrix 9 float 值构成,是一个 3*3 的矩阵。如下图。

       

没专业工具,画的挺难看。解释一下,上面的 sinX cosX ,表示旋转角度的 cos 值和 sin 值,注意,旋转角度是按顺时针方向计算的。 translateX translateY 表示 x y 的平移量。 scale 是缩放的比例, 1 是不变, 2 是表示缩放 1/2 ,这样子。

        下面在 Android 上试试 Matrix 的效果。

public class MyView extends View {

	private Bitmap mBitmap;

	private Matrix mMatrix = new Matrix();

	public MyView(Context context) {

		super(context);

		initialize();

	}

	private void initialize() {		

		mBitmap = ((BitmapDrawable)getResources().getDrawable(R.drawable.show)).getBitmap();		

		float cosValue = (float) Math.cos(-Math.PI/6);

		float sinValue = (float) Math.sin(-Math.PI/6);

		mMatrix.setValues(

				new float[]{

						cosValue, -sinValue, 100,

						sinValue, cosValue, 100,

						0, 0, 2});

	}

	@Override protected void onDraw(Canvas canvas) {

//		super.onDraw(canvas);  //当然,如果界面上还有其他元素需要绘制,只需要将这句话写上就行了。

		canvas.drawBitmap(mBitmap, mMatrix, null);

	}

}

 运行结果如下:

        以左上角为顶点,缩放一半,逆时针旋转30度,然后沿x轴和y轴分别平移50个像素,代码 里面写的是100,为什么是平移50呢,因为缩放了一半。

       大家可以自己设置一下Matrix的值,或者尝试一下两个Matrix相乘,得到的值设置进去,这样才能对Matrix更加熟练。

这里讲的直接赋值的方式也许有点不好理解,不过还好, andrid 提供了对矩阵的更方便的方法,下一篇介绍

 

   发表时间:2010-07-16  
嘿嘿,能不能具体说一下每个参数的意思,我想矩阵的加减乘除很多人都应该知道的吧...至于参数比如那个setValues中,各个参数分别代表什么呢?谢谢
0 请登录后投票
   发表时间:2010-07-16  
文中已经解释过了。在那个矩阵的下面。
0 请登录后投票
   发表时间:2010-07-23  
谢谢哦!!!明白咯!
0 请登录后投票
   发表时间:2010-10-22   最后修改:2010-10-22
讲解很清晰,受用了!

 

 

0 请登录后投票
   发表时间:2010-10-26  
旋转 产生的锯齿 怎么解决?
0 请登录后投票
   发表时间:2010-10-26  
wxw404 写道
旋转 产生的锯齿 怎么解决?

http://chroya.iteye.com/blog/794505
0 请登录后投票
   发表时间:2011-03-07  
后悔大学的高等数学没有学好啊..悲剧了.有空了还是要好好的补补才行了.
0 请登录后投票
论坛首页 移动开发技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics