动画 -- View动画 -- 旋转动画

一、概念

旋转动画,子类: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();
} 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。