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

时间:2022-09-27 18:59:36

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

原创 2015年05月12日 13:15:29
  • 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的平移、缩放、旋转以及位置、坐标系

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

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

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

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

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

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

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的实际大小!

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

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

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

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

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

如上图所示,当垂直偏移量为正数时,黄色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的缩放,其效果图如下所示

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

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

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

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

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

这正好表明了,View的锚点坐标默认就是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轴方向是由屏幕内与屏幕外延伸。
 
所谓顺时针旋转与逆时针旋转,与坐标轴的方向相关,
一般是从正方向往负方向看。
 
View的平移、缩放、旋转以及位置、坐标系
 
下图是围绕Z轴顺时针旋转90度的的效果
View的平移、缩放、旋转以及位置、坐标系
 
 
下图是围绕X轴顺时针旋转45度的效果
View的平移、缩放、旋转以及位置、坐标系
 
下图是围绕Y轴顺时针旋转45度的效果
 
View的平移、缩放、旋转以及位置、坐标系
 
 
这些方法可以连在一起使用,如下图所示,猜猜用如何实现这种效果
 
View的平移、缩放、旋转以及位置、坐标系
 
 
上图是setRotation(90)和setRotationX的综合效果。
 
 
 
在以上的旋转操作,默认都是View的中心坐标为旋转中心的,可能通过setPivotX()和setPivotY()来修改该旋转中心的坐标。这里就不再举例了。
 
 
另外,上面还提到一个方法是setCameraDistance(float),该方法用于设置摄像机与View的距离,用于改善3D旋转的效果,
该方法只能用于setRotationX和setRoationY,对setRotation无影响。
 
getCameraDistance()方法用于获取当前摄像机到View的距离。
 
这两个方法是Android3.1才提供的,用得比较少,不再详述。