一、概念
旋转动画,子类:RotateAnimation,标签:<rotate>
它可以使View具有旋转的动画效果。
二、实现
1. XML实现
<rotate>标签常用属性如下:
android:fromDegrees:旋转开始角度,比如0。
android:toDegrees:旋转结束角度,比如180。正数顺时针旋转,负数逆时针旋转。
android:pivotX:旋转起点x轴坐标,可以是 数值、百分数、百分数p 三种样式,比如 50、50%、50%p,
50,表示在当前View的左上角x轴坐标加上50px做为起始点x轴坐标;
50%,表示在当前View的左上角x轴坐标加上自己宽度的50%做为起始点x轴坐标;
50%p,表示在当前View的左上角x轴坐标加上父控件宽度的50%做为起始点x轴坐标。
android:pivotY:旋转起点y轴坐标,取值及意义跟android:pivotX一样。
//res/anim/rotate_animation.xml
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fillAfter="true"
android:fromDegrees="0"
android:toDegrees="180"
android:pivotX="50%"
android:pivotY="50%"
android:duration="3000"
android:repeatCount="2"
/>
//代码,MainActivity
private void rotateAnimationXML() {
Animation rotateAnimation = AnimationUtils.loadAnimation(this, R.anim.rotate_animation);
mAnimate_tv.setAnimation(rotateAnimation);
mAnimate_tv.startAnimation(rotateAnimation);
}
private void stopAnimation() {
mAnimate_tv.clearAnimation();
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
rotateAnimationXML();
}
@Override
protected void onDestroy() {
super.onDestroy();
stopAnimation();
}
2. 代码实现
构造方法:
public RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
参数说明:
float fromDegrees:旋转开始角度,比如0。
float toDegrees:旋转结束角度,比如180。正数顺时针旋转,负数逆时针旋转。
int pivotXType:旋转起点x轴参考类型,
Animation.ABSOLUTE(绝对像素值);
Animation.RELATIVE_TO_SELF(参考自己);Animation.RELATIVE_TO_PARENT(参考父容器)。
float pivotXValue:旋转起点x轴坐标,
当pivotXType为ABSOLUTE时,当前View的左上角x轴坐标加上绝对像素值做为起始点x轴坐标;
当pivotXType为RELATIVE_TO_SELF或RELATIVE_TO_PARENT时,当前View的左上角x轴坐标加上 参考物宽度*pivotXValue 做为起始点x轴坐标。
int pivotYType:旋转起点y轴参考类型;
float pivotYValue:旋转起点y轴坐标。
//布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="500px"
android:layout_height="500px"
android:layout_marginLeft="100px"
android:background="@color/colorAccent">
<TextView
android:id="@+id/animate_tv"
android:layout_width="wrap_content"
android:layout_height="200px"
android:gravity="center"
android:layout_centerInParent="true"
android:textColor="@color/colorAccent"
android:text="Hello Android!"
android:background="@color/colorPrimaryDark"/>
</RelativeLayout>
//代码,MainActivity
private void rotateAnimationCode() {
mAnimation = new RotateAnimation(0, 180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
mAnimation.setDuration(3000);
mAnimation.setRepeatCount(2);
mAnimation.setFillAfter(true);
mAnimate_tv.setAnimation(mAnimation);
mAnimate_tv.startAnimation(mAnimation);
}
private void stopAnimation() {
mAnimate_tv.clearAnimation();
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
rotateAnimationCode();
}
@Override
protected void onDestroy() {
super.onDestroy();
stopAnimation();
}