Files
AndroidNote/CustomView/Advance/[9]Matrix_Basic.md

197 lines
4.3 KiB
Markdown
Raw Normal View History

2016-07-23 01:18:44 +08:00
# Matrix基础篇
2016-06-06 17:39:12 +08:00
2016-07-20 06:10:39 +08:00
2016-07-26 06:08:56 +08:00
## 目录
2016-07-23 01:31:39 +08:00
2016-07-26 06:13:17 +08:00
- [Matrix简介](#jianjie)
2016-07-26 06:39:13 +08:00
- [概述](#gaishu)
2016-07-26 06:14:29 +08:00
- [常见误解](#wujie)
- [Matrix详解](#xiangjie)
2016-07-20 17:05:00 +08:00
2016-07-23 01:15:22 +08:00
******
2016-07-26 06:13:17 +08:00
<p id="jianjie" />
2016-07-26 06:08:56 +08:00
## Matrix简介
2016-07-23 01:15:22 +08:00
2016-07-26 06:39:13 +08:00
<p id="gaishu" />
### 概述
2016-07-26 06:08:13 +08:00
**Matrix是一个矩阵主要功能是坐标映射数值转换。**
2016-07-26 06:02:36 +08:00
它看起来大概是下面这样:
2016-07-22 04:01:04 +08:00
![](http://latex.codecogs.com/png.latex?
$$
\\left [
\\begin{matrix}
MSCALE\\_X & MSKEW\\_X & MTRANS\\_X \\\\
\\\\
MSKEW\\_Y & MSCALE\\_Y & MTRANS\\_Y \\\\
\\\\
MPERSP\\_0 & MPERSP\\_1 & MPERSP\\_2
\\end{1}
\\right ]
$$)
2016-06-10 02:41:55 +08:00
2016-07-26 06:02:36 +08:00
下面我们看一下2D画布中常用的四种操作(translate, scale, rotate, skew)都是由哪些参数控制的。
2016-07-20 04:04:36 +08:00
2016-07-20 16:48:25 +08:00
![](http://ww2.sinaimg.cn/large/005Xtdi2jw1f60gwrhlnyj30c008zdgy.jpg)
2016-07-22 23:21:08 +08:00
![](http://ww2.sinaimg.cn/large/005Xtdi2jw1f633hvklfnj30c008zdge.jpg)
2016-07-20 04:04:36 +08:00
2016-07-26 06:18:07 +08:00
**从上图可以看到最后三个参数是控制透视的这三个参数主要在3D效果中运用通常为(0, 0, 1),不在本篇讨论范围内,暂不过多叙述,会在之后对文章中详述其作用。**
2016-07-20 04:04:36 +08:00
2016-07-26 06:14:29 +08:00
<p id="wujie" />
2016-07-22 04:01:04 +08:00
### 常见误解
2016-07-21 04:09:29 +08:00
2016-07-21 04:14:15 +08:00
**1.认为Matrix最下面的一行的三个参数(MPERSP_0、MPERSP_1、MPERSP_2)没有什么太大的作用,在这里只是为了凑数。**
2016-07-21 04:09:29 +08:00
2016-07-26 06:18:07 +08:00
实际上最后一行参数在3D变换中有着至关重要的作用这一点会在后面中Camera一文中详细介绍。
2016-07-21 04:09:29 +08:00
2016-07-21 17:15:35 +08:00
**2.最后一个参数MPERSP_2被解释为scale**
2016-07-21 04:09:29 +08:00
2016-07-26 06:18:07 +08:00
的确更改MPERSP_2的值能够达到类似缩放的效果但这是因为齐次坐标的缘故并非这个参数的实际功能。
2016-07-21 04:09:29 +08:00
2016-07-26 06:14:29 +08:00
******
2016-07-21 04:09:29 +08:00
2016-07-26 06:14:29 +08:00
<p id="xiangjie" />
2016-07-26 06:10:26 +08:00
## Matrix详解
2016-07-22 07:26:20 +08:00
2016-07-26 06:18:07 +08:00
Matrix 是一个矩阵,最根本的作用就是坐标转换,下面我们就看看几种常见变换的原理:
2016-07-24 02:53:41 +08:00
2016-07-26 06:02:36 +08:00
常见的基本变换有4种: 平移(translate)、缩放(scale)、旋转(rotate) 和 错切(skew)。
2016-07-24 03:17:36 +08:00
2016-07-26 06:02:36 +08:00
由于我们以下大部分的计算都是基于矩阵乘法规则,如果你已经把线性代数还给了老师,请参考一下这里:
2016-07-24 03:17:36 +08:00
**[维基百科-矩阵乘法](https://zh.wikipedia.org/wiki/%E7%9F%A9%E9%99%A3%E4%B9%98%E6%B3%95)**
2016-07-24 02:57:06 +08:00
2016-07-24 02:53:41 +08:00
#### a.缩放
2016-07-24 02:33:08 +08:00
2016-07-24 03:06:46 +08:00
以点(10,10)为例我们将x缩放到原来到0.5倍y缩放到原来到2倍我们可以轻易到算出结果:(10x0.5, 10x2) = (5, 20)
2016-07-24 03:17:36 +08:00
![](http://latex.codecogs.com/png.latex?
$$
\\left [
\\begin{matrix}
X\\\\
Y
\\end{1}
\\right ]
=
\\left [
\\begin{matrix}
Scale\\_X & 0 \\\\
0 & Scale\\_Y
\\end{1}
\\right ]
.
\\left [
\\begin{matrix}
x\\\\
y
\\end{1}
\\right ]
$$)
2016-07-24 15:58:35 +08:00
#### b.错切
2016-07-26 04:36:27 +08:00
错切有水平错切(平行X轴)和垂直错切(平行Y轴),或者是两者叠加。
2016-07-26 04:20:03 +08:00
![](http://latex.codecogs.com/png.latex?
$$
\\left [
\\begin{matrix}
X\\\\
Y
\\end{1}
\\right ]
=
\\left [
\\begin{matrix}
1 & Skew\\_X \\\\
Skew\\_Y & 1
\\end{1}
\\right ]
.
\\left [
\\begin{matrix}
x\\\\
y
\\end{1}
\\right ]
$$)
2016-07-26 04:37:19 +08:00
#### b.旋转
2016-07-26 05:13:51 +08:00
逆时针旋转 a 度。
![](http://latex.codecogs.com/png.latex?
$$
\\left [
\\begin{matrix}
X\\\\
Y
\\end{1}
\\right ]
=
\\left [
\\begin{matrix}
cos(a) & -sin(a) \\\\
sin(a) & cos(a)
\\end{1}
\\right ]
.
\\left [
\\begin{matrix}
x\\\\
y
\\end{1}
\\right ]
$$)
2016-07-26 05:16:35 +08:00
### 4.平移变换
2016-07-26 04:37:19 +08:00
2016-07-26 05:39:21 +08:00
我们可以看到,在之前的示例中,用的都是 2 x 2 的矩阵,但我们实际的矩阵是 3 x 3 的,这是为什么呢?
前面的各种方法我们都是直接
2016-07-26 04:37:19 +08:00
2016-07-24 22:25:44 +08:00
2016-07-22 02:47:02 +08:00
2016-07-21 04:09:29 +08:00
2016-07-20 17:05:00 +08:00
2016-07-20 04:04:36 +08:00
2016-07-20 01:45:13 +08:00
2016-07-26 06:02:36 +08:00
**Matrix方法表**
2016-07-21 03:09:37 +08:00
方法类别 | 相关API | 摘要
-----------|---------------------------------------------------------|------------------------
基本方法 | equals hashCode toString toShortString | 比较、 获取哈希值、 转换为字符串
2016-07-23 00:58:04 +08:00
数值操作 | set reset setValues getValues | 设置、 重置、 设置数值、 获取数值
数值计算 | mapPoints mapRadius mapRect mapVectors | 计算变换后的数值
2016-07-21 03:09:37 +08:00
设置(set) | setConcat setRotate setScale setSkew setTranslate | 设置变换
前乘(pre) | preConcat preRotate preScale preSkew preTranslate | 前乘变换
后乘(post) | postConcat postRotate postScale postSkew postTranslate | 后乘变换
特殊方法 | setPolyToPoly setRectToRect rectStaysRect setSinCos | 一些特殊操作
矩阵相关 | invert isAffine isIdentity | 求逆矩阵、 是否为仿射矩阵、 是否为单位矩阵 ...
2016-06-13 17:01:01 +08:00
2016-06-11 21:46:30 +08:00