`

【转】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`进行画图,以帮助开发者更好地理解和运用这一关键概念。 `Matrix`(矩阵)在数学中是一种线性代数结构,而在Android的绘图系统中,它被用来表示2D图形的各种变换,如平移...

    android画图

    下面将详细介绍Android画图的相关知识点。 一、Canvas类 Canvas是Android图形系统的核心,它是绘制2D图形的画布。你可以将Canvas想象为一张白纸,你可以在这张纸上绘制各种图形。Canvas通常与Bitmap结合使用,...

    android 交互式画图

    在Android平台上,交互式画图是一项常见的功能,它允许用户通过触摸屏幕或使用其他输入设备在屏幕上绘制图形,实现各种创意表达。这个项目名为"InteractDraw",显然是一个实现简单画图功能的应用,提供了丰富的操作...

    android 画板,白板,画图

    这个“android 画板,白板,画图”模块提供了一种简单的方法,让用户可以在屏幕上进行涂鸦、绘图、添加文字以及处理图像,非常适合用于教育、设计或者简单的娱乐应用。下面将详细介绍这个模块的关键知识点。 1. **...

    android 画图

    本文将深入探讨“Android画图”的核心知识点,包括基本概念、关键类以及如何在实际项目中应用。 首先,Android中的画图主要依赖于`Canvas`类,它是图形绘制的基础。`Canvas`提供了各种方法来绘制几何形状、文本、...

    android各种图形画图

    在Android平台上,开发人员可以利用丰富的图形库和API来创建各种各样的图形,包括2D、3D以及动态画图。这些技术可以帮助我们构建出交互性强、视觉效果丰富的应用程序。以下是一些关于Android图形画图的关键知识点: ...

    android绘图 自定义组件

    - Canvas与Paint:Canvas是绘制图形的基础,它提供了各种画图方法,如drawRect、drawCircle等。Paint则是控制绘制样式,如颜色、线宽、文字样式等。 - Bitmap与BitmapShader:Bitmap用于存储图像数据,而...

    Android上canvas自定义画图案例

    总之,"Android上canvas自定义画图案例"是一个很好的学习资源,它涵盖了Android Canvas的基本用法和一些进阶技巧,可以帮助开发者创建出各种复杂的自定义视图。通过阅读和实践这个案例,可以提升在Android图形编程...

    Android源码——画图工具源码.zip

    在Android平台上,开发一款画图工具涉及到多个技术层面,包括图形绘制、用户交互以及视图更新等。这个"Android源码——画图工具源码.zip"文件可能包含了一个完整的示例项目,帮助开发者理解如何在Android应用中实现...

    android canvas 画图

    `drawBitmap(Bitmap bitmap, Matrix matrix, Paint paint)`允许通过Matrix进行位图的缩放、旋转等变换。 9. **图形变换**:Canvas支持矩阵变换,如`translate(float dx, float dy)`平移,`rotate(float degrees, ...

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

    在Android编程中,进行图形绘制时,经常遇到的一个问题是图像边缘出现锯齿现象,尤其是在进行旋转、缩放等操作后,这种现象更为明显。锯齿是由于像素渲染不完全导致的,影响了图像的视觉效果。为了解决这个问题,...

    android界面效果全汇总

    Android画图之Matrix `Matrix`是Android图形系统中的一个工具类,用于在Canvas上进行图像变换。`Matrix`类提供了一系列的方法来实现图像的平移、缩放、旋转和倾斜等操作。在自定义View绘图时,可以利用`Matrix`对...

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

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

    android应用源码图片放大缩小旋转涂鸦源码.zip

    这通常意味着开发者可能在构建一个图像编辑器或者某种形式的画图应用。下面,我们将深入探讨这些关键知识点。 1. **Android 应用开发**: - Android SDK:开发Android应用的基础,包括Java编译器、模拟器、工具和...

    Android绘图实现

    4. Matrix:用于对坐标系统进行变换,如平移、旋转、缩放等,可以改变图形的位置和形状。 三、绘图流程 1. 创建自定义View或SurfaceView,重写构造函数和onMeasure()方法,确定视图的大小。 2. 在onDraw()方法中...

    Android绘图机制与处理技巧(一)——Android绘图技巧

    - 使用`canvas.concat(matrix)`和`canvas.setMatrix(matrix)`来应用或替换当前的绘图矩阵。 6. **绘图性能监控** - Android Studio的Profile工具提供了一个叫做"Show GPU Overdraw"的功能,可以帮助开发者发现...

Global site tag (gtag.js) - Google Analytics