View的平移、缩放、旋转以及位置、坐标系

原创 2015年05月12日 13:15:29

• 标签：
• Android /
• Scroll /
• Scale /
• Translation /
• Rotation

• 24733

Android开发中，经常会接触到自定义View，而与View绘制相关的一组组方法很容易让人混淆……

现在个人简单整理，希望能够让大家有个清晰的认识

1、移动View内容的相关变量和方法 （注意：是移动View所包含的内容，而非View本身）

View相关成员变量

[java] view plain copy

 

1. //View的内容相对于View在水平方向上的偏移量，以像素为单位
2. //当mScrollX为正数时，内容相对于View从右向左移动，反之则向从左向右移动
3. protected int mScrollX;
4. //View的内容相对于View在垂直方向上的偏移量，以像素为单位
5. //当mScrollY为负数时，内容相对于View从下向上移动，反之则向从上向下移动
6. protected int mScrollY;

View相关成员方法

[java] view plain copy

 

1. //获取内容偏移量mScrollX的值
2. int android.view.View.getScrollX()
3. //获取内容偏移量mScrollY的值
4. int android.view.View.getScrollY()
5. //设置内容偏移量mScrollX的值，此方法引发View重新调整内容的位置并重绘
6. //相当于调用scrollTo(value,mScrollY)
7. void android.view.View.setScrollX(int value)
8. //设置内容偏移量mScrollY的值，此方法引发View重新调整内容的位置并重绘
9. //相当于调用scrollTo(mScrollX,value)
10. void android.view.View.setScrollY(int value)
11. //将View的内容移动到参数所指定的位置中，此时mScrollX=x，mScrollY=y。
12. //此方法引发View重新调整内容的位置并重绘
13. void android.view.View.scrollTo(int x, int y)
14. //设置View内容移动的增量，相当于调用scrollTo(mScroll+x, mScroll+y);
15. //此方法引发View重新调整内容的位置并重绘
16. void android.view.View.scrollBy(int x, int y)

关于ScrollTo方法的使用效果如下图所示：

如上图所示，黄色View（一个LinearLayout）在调用了scrollTo(100,0)方法之后，View里面的按钮全部向左偏移了100像素。而黄色View本身并没有发生位置上的变化。

再看下面图，黄色View调用了scrollTo(0,100)方法之后，View里面的按钮全部向上偏移了100像素，而黄色区域本身没有发生位置上的变化。

从上面的例子中，不管你调用多少次scrollTo(100,0)，其最终效果都只是让mScrollX=100，mScrollY=0。也就是说，该方法重复调用，只有一次效果。

而scrollBy(int,int)方法而不同，scrollBy方法被调用一次之后，mScrollX和mScrollY就会增加相应的值，下图是重复调用三次scrollBy(100,0)的效果：

2、移动View的相关变量和方法 （注意：是移动整个View）

View相关成员变量

[java] view plain copy

 

1. //此成员变量包含了View的平移、缩放、旋转、锚点等属性
2. //平移相关的是mTransformationInfo.mTranslationX和mTransformationInfo.mTranslationY
3. TransformationInfo mTransformationInfo;

View相关成员方法

[java] view plain copy

 

1. //此方法用于获取View在水平方向的偏移量，以像素为单位
2. public float android.view.View.getTranslationX()
3. //此方法用于获取View在垂直方向的偏移量，以像素为单位
4. public float android.view.View.getTranslationY()
5. //此方法用于设置View在水平方向的偏移量，以像素为单位。会引发View重绘
6. //偏移量为正数时，表示View从左向右平移。反之则从右向左平移
7. public void android.view.View.setTranslationX(float translationX)
8. //此方法用于设置View在水平方向的偏移量，以像素为单位。会引发View重绘
9. //偏移量为正数时，表示View从上向下平移。反之则从下向上平移
10. public void android.view.View.setTranslationY(float translationY)

View的平移、缩放、旋转、锚点信息都存放在View的成员变量mTransformationInfo中，

而mTransformationInfo还包含了一个矩阵变量mMatrix（可以通过View.getMatrix()获取），

这个矩阵作用很大，因为平移、绽放、旋转操作，都可以转化为对矩阵的数学运算……

不熟悉的话，可以参考这篇文章（http://blog.csdn.net/webrobot/article/details/7359626）

上面代码块中的四个方法，都是平移操作相关的方法。

下图是简单的示意图：

上面右边的红色线框表示View的实际大小！

黄色View调用了setTranslationX(100)之后，水平偏移量为100，整个黄色View从左往右移动了100像素。

如果调用的是setTranslationX(-100)的话，整个黄色View就会从右往左移动100像素。

注意：这个移动方向和scrollTo恰恰相反

黄色View调用了translationY(100)之后，效果如下所示：

如上图所示，当垂直偏移量为正数时，黄色View从上往下移动了100像素；反之，当垂直偏移量为负数时，黄色View从下往上移动。

3、缩放View的相关变量和方法 （注意：针对整个View）

View相关成员变量

[java] view plain copy

 

1. //此成员变量包含了View的平移、缩放、旋转、锚点等属性
2. //缩放相关的是mTransformationInfo.mScaleX和mTransformationInfo.mScaleY
3. TransformationInfo mTransformationInfo;

View相关成员方法

[java] view plain copy

 

1. //此方法用于获取View在水平方向的缩放比例。
2. public float android.view.View.getScaleX()
3. //此方法用于获取View在垂直方向的缩放比例。
4. public float android.view.View.getScaleY()
5. //设置View在水平方向的缩放比例
6. //scaleX=1，表示是原来的大小
7. //scaleX<1，表示缩小，如scale=0.5f，表示宽度是原来的0.5倍
8. //scaleX>1，表示放大，如scale=2.0f，表示宽度是原来的2.0倍
9. public void android.view.View.setScaleX(float scaleX)
10. //设置View在垂直方向的缩放比例
11. //scaleY=1，表示是原来的大小
12. //scaleY<1，表示缩小，如scale=0.5f，表示高度是原来的0.5倍
13. //scaleY>1，表示放大，如scale=2.0f，表示高度是原来的2.0倍
14. public void android.view.View.setScaleY(float scaleY)
15. //设置锚点的X坐标值，以像素为单位。默认是View的中心。
16. public void android.view.View.setPivotX(float pivotX)
17. //设置锚点的Y坐标值，以像素为单位。默认是View的中心。
18. public void android.view.View.setPivotX(float pivotX)

通过调用setScaleX()和setScaleY()方法，可以实现View的缩放，其效果图如下所示

上面还提到了两个方法，分别是setPivotX()和setPivotY()，其他是用来设置缩放操作的锚点坐标的。以像素为单位，它的默认值是View的中心坐标。

如上图，黄色View的大小为width=984、height=1461，

而getPivotX()为492.0 、getPivotY()为730.5，

这正好表明了，View的锚点坐标默认就是View的中心坐标。

锚点的位置，将决定View缩放后所在的位置。

因为默认是中心坐标，所以上面两次绽放操作，其结果都是在水平中心位置或垂直中心位置。

但是，如果锚点的位置变了，那么View缩放后的位置也将发生变化，如下图所示

4、旋转View的相关变量和方法 （注意：针对整个View）

View相关成员变量

[java] view plain copy

 

1. //此成员变量包含了View的平移、缩放、旋转、锚点等属性
2. //缩放相关是mTransformationInfo的mRotation、mRotationX、mRotationY
3. TransformationInfo mTransformationInfo;

View相关成员方法

 

[java] view plain copy

 

1. //此方法用于获取View在Z轴上的旋转角度
2. public float android.view.View.getRotation()
3. //此方法用于获取View在X轴上的旋转角度
4. public float android.view.View.getRotationX()
5. //此方法用于获取View在Y轴上的旋转角度
6. public float android.view.View.getRotationY()
7. //设置View在Z轴上的旋转角度
8. public void android.view.View.setRotation(float rotation)
9. //设置View在X轴上的旋转角度
10. public void android.view.View.setRotationX(float rotationX)
11. //设置View在Y轴上的旋转角度
12. public void android.view.View.setRotationY(float rotationY)
13. //设置View旋转中心点的X坐标。
14. public void android.view.View.setPivotX(float pivotX)
15. //设置View旋转中心点的Y坐标。
16. public void android.view.View.setPivotX(float pivotX)
17. //设置摄像机的与旋转目标在Z轴上距离
18. void android.view.View.setCameraDistance(float distance)

旋转包括了三种方式，分别是围绕着X、Y、Z轴进行旋转，旋转角度以度数为单位，当该值为正数表示顺时针旋转，当该值为负数时表示逆时针旋转，

比如setRotation(90)表示围绕Z轴顺时针旋转90度。

 

这里的坐标系，与数学上的空间坐标系有点区别，如下图所示 ：

 

X轴、Y轴的方向与我们平时编程所接触的方向一致，而Z轴方向是由屏幕内与屏幕外延伸。

 

所谓顺时针旋转与逆时针旋转，与坐标轴的方向相关，

一般是从正方向往负方向看。

 

 

下图是围绕Z轴顺时针旋转90度的的效果

 

 

下图是围绕X轴顺时针旋转45度的效果

 

下图是围绕Y轴顺时针旋转45度的效果

 

 

 

这些方法可以连在一起使用，如下图所示，猜猜用如何实现这种效果

 

 

 

上图是setRotation(90)和setRotationX的综合效果。

 

 

 

在以上的旋转操作，默认都是View的中心坐标为旋转中心的，可能通过setPivotX()和setPivotY()来修改该旋转中心的坐标。这里就不再举例了。

 

 

另外，上面还提到一个方法是setCameraDistance(float)，该方法用于设置摄像机与View的距离，用于改善3D旋转的效果，

该方法只能用于setRotationX和setRoationY，对setRotation无影响。

 

getCameraDistance()方法用于获取当前摄像机到View的距离。

 

这两个方法是Android3.1才提供的，用得比较少，不再详述。