`
chroya
  • 浏览: 661523 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Android画图之Matrix(二)

Android游戏 
阅读更多

      上一篇Android画图之Matrix(一) 讲了一下Matrix的原理和运算方法，涉及到高等数学，有点难以理解。还好Android里面提供了对Matrix操作的一系

列方便的接口。


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

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


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


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

Matrix m = new Matrix();

m.postRotate(30);

m.postTranslate(100, 100);
 

 

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


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

，就要这样: 

Matrix m = new Matrix();

m.setTranslate(100, 100);

m.preRotate(30);

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


    下面给出一个例子。 

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(一)
评论
19 楼 mmaa1383061 2011-10-28  
谢谢博主，终于明白点了。感激！
18 楼 542891879 2010-11-29  
讲述的比第一个易懂多了，基本的已经会了，等待发现稍难的问题
17 楼 ET焖猪仔 2010-10-27  
<div class="quote_title">chroya 写道</div>
<div class="quote_div">
<p>      <span style="font-size: small;">上一篇<a title="Android画图之Matrix(一)" href="/blog/712078" target="_blank">Android画图之Matrix(一)</a>
讲了一下Matrix的原理和运算方法，涉及到高等数学，有点难以理解。还好Android里面提供了对Matrix操作的一系<br><br>
列方便的接口。</span>
</p>
<p><span style="font-size: small;"><br>
    Matrix的操作，总共分为translate（平移），rotate（旋转），scale（缩放）和skew（倾斜）四种，每一种变换在<br><br>
Android的API里都提供了set, post和pre三种操作方式,除了translate，其他三种操作都可以指定中心点。</span>
</p>
<p><span style="font-size: small;"><br>
    set是直接设置Matrix的值，每次set一次，整个Matrix的数组都会变掉。</span>
</p>
<p><span style="font-size: small;"><br>
    post是后乘，当前的矩阵乘以参数给出的矩阵。可以连续多次使用post，来完成所需的整个变换。例如，要将一个图片旋<br>
转30度，然后平移到(100,100)的地方，那么可以这样做:</span>
</p>
<pre name="code" class="java">Matrix m = new Matrix();

m.postRotate(30);

m.postTranslate(100, 100);  </pre>
 
<p> </p>
<p><span style="font-size: small;">这样就达到了想要的效果。</span>
</p>
<p><span style="font-size: small;"><br>
    pre是前乘，参数给出的矩阵乘以当前的矩阵。所以操作是在当前矩阵的最前面发生的。例如上面的例子，如果用pre的话<br><br>
，就要这样:</span>
</p>
<pre name="code" class="java">Matrix m = new Matrix();

m.setTranslate(100, 100);

m.preRotate(30);</pre>
<p><span style="font-size: small;">    旋转、缩放和倾斜都可以围绕一个中心点来进行，如果不指定，默认情况下，是围绕(0,0)点来进行。</span>
</p>
<p><span style="font-size: small;"><br></span>
</p>
<p><span style="font-size: small;">    下面给出一个例子。</span>
</p>
<pre name="code" class="java">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);
}
}
</pre>
<p><span style="font-size: small;"> 运行效果如下：</span>
</p>
<p><img src="http://dl.iteye.com/upload/picture/pic/67113/97592104-ff32-3944-8390-2ae13aaf46ac.png" alt=""></p>
<p> <span style="font-size: small;">   红色的x和y表示倾斜的角度，下面是x，上面是y。看到了没，Matrix就这么简单</span>
。</p>
</div>
<p> </p>
16 楼 lidhsr 2010-09-26  
水平镜像？？
15 楼 chroya 2010-09-26  
wenyufamily 写道
这样使用速度是不是很慢啊？我按着你的方法画图，但是速度很慢！有没有什么解决的方法？谢谢

不知道你什么情况，一般来说这样画图对于大部分情况都足够了。如果是游戏这样的需要一直更新画面的情况，就需要用surfaceview了，速度会快些。
14 楼 wenyufamily 2010-09-26  
这样使用速度是不是很慢啊？我按着你的方法画图，但是速度很慢！有没有什么解决的方法？谢谢
13 楼 xtcpcgx 2010-08-29  
谢谢了楼主，正需要了解Android里的多点触摸方面的知识。
12 楼 chroya 2010-08-13  
hesiming 写道
请教楼主~~
final Matrix matrix = t.getMatrix();
matrix.preTranslate(-centerX, -centerY);
matrix.postTranslate(centerX, centerY);

centerX/centerY是自定义的数值

上面的matrix后面的两个方法到是什么意思~~实在是搞不懂麻烦


//从t中获取一个Matrix对象
final Matrix matrix = t.getMatrix();
//在这个matrix操作序列之前，加一个平移操作
matrix.preTranslate(-centerX, -centerY);
//在这个matrix操作序列之后，加一个平移操作
matrix.postTranslate(centerX, centerY);
11 楼 hesiming 2010-08-13  
请教楼主~~
final Matrix matrix = t.getMatrix();
matrix.preTranslate(-centerX, -centerY);
matrix.postTranslate(centerX, centerY);

centerX/centerY是自定义的数值

上面的matrix后面的两个方法到是什么意思~~实在是搞不懂麻烦
10 楼 chroya 2010-08-12  
Ashfrog 写道
这里的乘是什么概念呢···？
貌似不像是数学里面的乘···
而是表示一种操作，请问是不是这个意思···？

这里的乘，在数学里是矩阵相乘，在图像处理里面是缩放、平移、旋转等操作。
9 楼 Ashfrog 2010-08-11  
这里的乘是什么概念呢···？
貌似不像是数学里面的乘···
而是表示一种操作，请问是不是这个意思···？
8 楼 heji 2010-07-23  
chroya 写道
heji 写道
楼主，能详细说一下前乘和后乘的区别么？？不是很理解，我觉得怎么做都可以啊

其实文中已经说过的，比如，如果要实现这个功能：先做rotate，然后做translate，那么，用前乘的方式，如下
Matrix m = new Matrix();
m.setTranslate(100, 100);
m.preRotate(30); //前乘

用普通的方式，如下
Matrix m = new Matrix();
m.postRotate(30);
m.postTranslate(100, 100);  //后乘

达到的效果是一样的。

我是说没区别嘛！汗！还有就是你说的这个前乘和后乘，两个矩阵相乘顺序不一样结果不一样的，不知道你说的是不是这个意思～～
7 楼 chroya 2010-07-23  
heji 写道
楼主，能详细说一下前乘和后乘的区别么？？不是很理解，我觉得怎么做都可以啊

其实文中已经说过的，比如，如果要实现这个功能：先做rotate，然后做translate，那么，用前乘的方式，如下
Matrix m = new Matrix();
m.setTranslate(100, 100);
m.preRotate(30); //前乘

用普通的方式，如下
Matrix m = new Matrix();
m.postRotate(30);
m.postTranslate(100, 100);  //后乘

达到的效果是一样的。
6 楼 heji 2010-07-23  
楼主，能详细说一下前乘和后乘的区别么？？不是很理解，我觉得怎么做都可以啊
5 楼 healthjava 2010-07-21  

多谢多谢。

chroya 写道
jiangduxi 写道
Android镜像翻转效果如何？？

matrix.setScale(1, -1)就可以实现镜像，效果如下：

4 楼 chroya 2010-07-20  
jiangduxi 写道
Android镜像翻转效果如何？？

matrix.setScale(1, -1)就可以实现镜像，效果如下：
3 楼 jiangduxi 2010-07-19  
Android镜像翻转效果如何？？
2 楼 healthjava 2010-07-19  
请问一下，镜像翻转一个图片，该怎么实现，如果可以的话，能不能贴代码。谢谢。
1 楼 luobo25 2010-07-17  
谢谢介绍，学习了
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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画图之抗锯齿paint和Canvas两种方式实例

    第二种方式是直接在Canvas上设置抗锯齿。有时候，我们可能无法直接通过Paint对象控制某些绘制操作，这时可以使用`Canvas.setDrawFilter()`方法，传递一个`PaintFlagsDrawFilter`对象，设置其`ANTIALIAS_FLAG`和`...

    android界面效果全汇总

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

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

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

    Android绘图实现

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

    Android绘图机制与处理技巧（一）——Android绘图技巧

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

    Android画图并保存图片的具体实现代码

    在Android开发中，有时我们需要在应用中实现自定义画图并保存这些绘制的图像到本地。这个过程涉及到了几个关键的Android图形库组件，包括Bitmap、Canvas和Drawable。以下是对如何在Android中画图并保存图片的详细...

    Android实现图片边缘拉伸.zip

    1. **Canvas与Bitmap**: Android的Canvas是绘制2D图形的对象，它允许开发者在Bitmap上画图。Bitmap则是一个位图图像，是Android中用于存储图像数据的数据结构。在实现图片拉伸时，我们需要先加载Bitmap，然后在...

Magicbox
Global site tag (gtag.js) - Google Analytics