`

【转】Android 画图 之 Matrix(二)

阅读更多

原文地址:http://chroya.iteye.com/

 

Android里面提供了对Matrix操作的一系

列方便的接口。

 


    Matrix的操作,总共分为translate(平移),rotate(旋转),scale(缩放)和skew(倾斜)四种,每一种变换在

Android的API里都提供了set, post和pre三种操作方式,除了translate,其他三种操作都可以指定中心点。


    set是直接设置Matrix的值,每次set一次,整个Matrix的数组都会变掉。


    post是后乘,当前的矩阵乘以参数给出的矩阵。可以连续多次使用post,来完成所需的整个变换。例如,要将一个图片旋
转30度,然后平移到(100,100)的地方,那么可以这样做:

Java代码 复制代码
  1. Matrix m = new Matrix();   
  2.   
  3. m.postRotate(30);   
  4.   
  5. m.postTranslate(100100);    
Matrix m = new Matrix();

m.postRotate(30);

m.postTranslate(100, 100);  

 

 

这样就达到了想要的效果。


    pre是前乘,参数给出的矩阵乘以当前的矩阵。所以操作是在当前矩阵的最前面发生的。例如上面的例子,如果用pre的话

,就要这样:

Java代码 复制代码
  1. Matrix m = new Matrix();   
  2.   
  3. m.setTranslate(100100);   
  4.   
  5. m.preRotate(30);  
Matrix m = new Matrix();

m.setTranslate(100, 100);

m.preRotate(30);

    旋转、缩放和倾斜都可以围绕一个中心点来进行,如果不指定,默认情况下,是围绕(0,0)点来进行。


    下面给出一个例子。

Java代码 复制代码
  1. package chroya.demo.graphics;   
  2.   
  3. import android.content.Context;   
  4. import android.graphics.Bitmap;   
  5. import android.graphics.Canvas;   
  6. import android.graphics.Matrix;   
  7. import android.graphics.Rect;   
  8. import android.graphics.drawable.BitmapDrawable;   
  9. import android.util.DisplayMetrics;   
  10. import android.view.MotionEvent;   
  11. import android.view.View;   
  12.   
  13. public class MyView extends View {   
  14.        
  15.     private Bitmap mBitmap;   
  16.     private Matrix mMatrix = new Matrix();   
  17.        
  18.     public MyView(Context context) {   
  19.         super(context);   
  20.         initialize();   
  21.     }   
  22.   
  23.     private void initialize() {   
  24.            
  25.         Bitmap bmp = ((BitmapDrawable)getResources().getDrawable(R.drawable.show)).getBitmap();   
  26.         mBitmap = bmp;   
  27.         /*首先,将缩放为100*100。这里scale的参数是比例。有一点要注意,如果直接用100/  
  28. bmp.getWidth()的话,会得到0,因为是整型相除,所以必须其中有一个是float型的,直接用100f就好。*/  
  29.         mMatrix.setScale(100f/bmp.getWidth(), 100f/bmp.getHeight());   
  30.                 //平移到(100,100)处   
  31.         mMatrix.postTranslate(100100);   
  32.                 //倾斜x和y轴,以(100,100)为中心。   
  33.         mMatrix.postSkew(0.2f, 0.2f, 100100);   
  34.     }   
  35.        
  36.     @Override protected void onDraw(Canvas canvas) {   
  37. //      super.onDraw(canvas);  //如果界面上还有其他元素需要绘制,只需要将这句话写上就行了。   
  38.            
  39.         canvas.drawBitmap(mBitmap, mMatrix, null);   
  40.     }   
  41. }  
package chroya.demo.graphics;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;

public class MyView extends View {
	
	private Bitmap mBitmap;
	private Matrix mMatrix = new Matrix();
	
	public MyView(Context context) {
		super(context);
		initialize();
	}

	private void initialize() {
		
		Bitmap bmp = ((BitmapDrawable)getResources().getDrawable(R.drawable.show)).getBitmap();
		mBitmap = bmp;
		/*首先,将缩放为100*100。这里scale的参数是比例。有一点要注意,如果直接用100/
bmp.getWidth()的话,会得到0,因为是整型相除,所以必须其中有一个是float型的,直接用100f就好。*/
		mMatrix.setScale(100f/bmp.getWidth(), 100f/bmp.getHeight());
                //平移到(100,100)处
		mMatrix.postTranslate(100, 100);
                //倾斜x和y轴,以(100,100)为中心。
		mMatrix.postSkew(0.2f, 0.2f, 100, 100);
	}
	
	@Override protected void onDraw(Canvas canvas) {
//		super.onDraw(canvas);  //如果界面上还有其他元素需要绘制,只需要将这句话写上就行了。
		
		canvas.drawBitmap(mBitmap, mMatrix, null);
	}
}

 运行效果如下:

    红色的x和y表示倾斜的角度,下面是x,上面是y。看到了没,Matrix就这么简单

分享到:
评论

相关推荐

    Android画图之Matrix剖析

    Android画图之Matrix剖析Android画图之Matrix剖析Android画图之Matrix剖析Android画图之Matrix剖析Android画图之Matrix剖析Android画图之Matrix剖析Android画图之Matrix剖析

    Android画图之Matrix

    android绘图中Matrix的使用

    android界面效果全汇总

    (一)Activity页面切换的效果 (二)android菜单动画 android 布局属性 android 翻页 Android画图之Matrix(一) Android中的样式和主题 Android中的样式和主题

    android 画板,白板,画图

    import module 即可使用,可涂鸦、绘图、添加文字、图像(可旋转缩放)、背景的Fragment,其中主要由SketchView利用matrix完成所有图形绘制操作。

    Android编程画图之抗锯齿解决方法

    本文实例分析了Android编程画图之抗锯齿解决方法。分享给大家供大家参考,具体如下: 在画图的时候,图片如果旋转或缩放之后,总是会出现那些华丽的锯齿。其实Android自带了解决方式。 方法一:给Paint加上抗锯齿...

    Android绘图机制与处理技巧(三)——Android图像处理之图形特效处理

    Android绘图机制与处理技巧(三)——Android图像处理之图形特效处理

    Android画图之抗锯齿paint和Canvas两种方式实例

    在画图的时候,图片如果旋转或缩放之后,总是会出现那些华丽的锯齿。其实Android自带了解决方式。 方法一:给Paint加上抗锯齿标志。然后将Paint对象作为参数传给canvas的绘制方法。 paint.setAntiAlias(true); ...

    Google Android SDK开发范例大全(PDF高清完整版1)(4-1)

    10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker 10.4 手机QRCode二维条形码生成器——Canvas与SurfaceHolder绘图 10.5 AndroidQRCode...

    Google Android SDK开发范例大全(PDF完整版4)(4-4)

    10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker 10.4 手机QRCode二维条形码生成器——Canvas与SurfaceHolder绘图 10.5 AndroidQRCode...

    Google Android SDK开发范例大全(PDF高清完整版3)(4-3)

    10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker 10.4 手机QRCode二维条形码生成器——Canvas与SurfaceHolder绘图 10.5 AndroidQRCode...

    Google Android SDK开发范例大全的目录

    10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker 10.4 手机QRCode二维条形码生成器——Canvas与SurfaceHolder绘图 10.5 AndroidQRCode...

    Google Android SDK开发范例大全(完整版附部分源码).pdf

    10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker 10.4 手机QRCode二维条形码生成器——Canvas与SurfaceHolder绘图 10.5 ...

    Google Android SDK 开发范例大全01

    10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker 10.4 手机QRCode二维条形码生成器——Canvas与SurfaceHolder绘图 10.5 AndroidQRCode...

    Google Android SDK 开发范例大全02

    10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker 10.4 手机QRCode二维条形码生成器——Canvas与SurfaceHolder绘图 10.5 AndroidQRCode...

    Google+Android+SDK开发范例大全

    创意Android程序设计 10.1 手机手电筒——PowerManager控制WakeLock并改变手机亮度 10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker ...

    Google Android sdk 开发范例大全 部分章节代码

    10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker 10.4 手机QRCode二维条形码生成器——Canvas与SurfaceHolder绘图 10.5 AndroidQRCode...

    Google Android SDK开发范例大全(完整版)

    10.2 GPS轨迹记录器——利用LocationListener在地图上画图并换算距离 10.3 女性贴身看护——AlarmManager.DatePicker.TimePicker 10.4 手机QRCode二维条形码生成器——Canvas与SurfaceHolder绘图 10.5 AndroidQRCode...

Global site tag (gtag.js) - Google Analytics