前言
最近学到扔物线大神系列文章的 自定义 View 1-6:属性动画 时,原本看视频感觉很简单的知识,结果到练习题第二个时就搞不懂了(惭愧)。所以就花了点时间研究了一下,研究完了之后感觉也没什么,不知道怎么描述,但是为了避免转头就忘,还是简单记录一下吧。
具体描述
额,不会录视频,暂且放静态图吧。最开始 imageView 的状态是如 图-1这样的
嗯,因为我自己空间想象力比较差,就绘制了一下坐标轴。坐标轴的中心是图片中心,绘制的时候出现了一个小插曲,就是我直接重写了 ondraw()方法,在 ondraw()方法里写绘制坐标系的代码,写完后一运行,发现什么都没有。检查了一会,再联想之前看过的知识,发现是把绘制的顺序弄错了。因为这个自定义View是继承 RelativeLayout 的。
不多说,根据Android 自定义 View 1-5: 绘制顺序 ,把代码写在 dispatchDraw()方法里就好了。
所以最终是这个样子:
step1:我想让它变成 图-2 的这个样子(旋转 145 度)
于是我就很快的写了一句
imageView.animate().rotation(145).setDuration(10000);
关于角度正负的问题,当时是想着顺时针为正,逆时针为负。
一运行,嗯,对的。
step2:我想让它变回 图-1 的样子
当时内心:这还不简单,直接再逆时针转 145 转回去好,于是我是这样写的:
imageView.animate().rotation(-145).setDuration(10000);
然后一运行:发现变成了这个样子,并且是按途中标的方向旋转的(纳尼?):
经过最后反复的观察,总结了出了如下关于2D平面旋转时旋转角度的图
修正:之前总结图是错误的,其实很简单,是自己弄复杂了,就是顺时针为正,逆时针为负。
针对上图,有几个需要注意的地方:
- rotation()方法参数里跟的度数的含义,不是说你要旋转多少度,而是你要旋转到坐标系对应的多少度。
- 如果你要实现旋转多少度,使用rotationBy()方法
- 如果从正度数旋转到负度数,一定会先回到0度,比如上图中,从360度的地方旋转到-90的地方,一定会先逆时针旋转到0度,再旋转到-90度,也就是总共旋转360+90=450度,而不是直接逆时针90度
- -
所以,如果我要转回到原来的样子,有两种方法
1.imageView.animate().rotation(0).setDuration(10000);
2.imageView.animate().rotationBy(-145).setDuration(10000);
关于 ViewPropertyAnimator 中其他的方法(图片来自 hencoder):
角度、平移、缩放等的计算方式都是跟上面的 rotation()二维旋转的道理一样。
其中,rotationX、rotationY 的旋转方向可参考左手定则。如,绕x轴旋转,旋转方向如下图所示,即往屏幕里旋转: