Android之让图片匀速旋转效果

图片匀速旋转

   当我们更新的时候，需要把更新小图标旋转起来，不废话，先爆照

介绍动画：

                     Android 平台提供了两类动画，一类是 Tween 动画，即通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果；第二类是 Frame 动画，即顺序播放事先做好的图像，跟电影类似，我们这里用 Tween动画的rotate实现旋转效果。

第一步：写动画的配置文件 version_image_rotate.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- android:duration="@android:integer/config_mediumAnimTime" -->
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:fromDegrees="0"
        android:toDegrees="359"
        android:duration="500"
        android:repeatCount="-1"
        android:pivotX="50%"
        android:pivotY="50%" />
</set>

1、属性介绍：

关于其中的属性意义如下（红色部分加以注意）:


android:fromDegrees 起始的角度度数


android:toDegrees 结束的角度度数，负数表示逆时针，正数表示顺时针。如10圈则比android:fromDegrees大3600即可


android:pivotX 旋转中心的X坐标


浮点数或是百分比。浮点数表示相对于Object的左边缘，如5; 百分比表示相对于Object的左边缘，如5%; 另一种百分比表示相对于父容器的左边缘，如5%p; 一般设置为50%表示在Object中心


android:pivotY 旋转中心的Y坐标


浮点数或是百分比。浮点数表示相对于Object的上边缘，如5; 百分比表示相对于Object的上边缘，如5%; 另一种百分比表示相对于父容器的上边缘，如5%p; 一般设置为50%表示在Object中心


android:duration 表示从android:fromDegrees转动到android:toDegrees所花费的时间，单位为毫秒。可以用来计算速度。


android:interpolator表示变化率，但不是运行速度。一个插补属性，可以将动画效果设置为加速，减速，反复，反弹等。默认为开始和结束慢中间快，


android:startOffset 在调用start函数之后等待开始运行的时间，单位为毫秒，若为10，表示10ms后开始运行


android:repeatCount 重复的次数，默认为0，必须是int，可以为-1表示不停止


android:repeatMode 重复的模式，默认为restart，即重头开始重新运行，可以为reverse即从结束开始向前重新运行。在android:repeatCount大于0或为infinite时生效


android:detachWallpaper 表示是否在壁纸上运行


android:zAdjustment 表示被animated的内容在运行时在z轴上的位置，默认为normal。


normal保持内容当前的z轴顺序


top运行时在最顶层显示


bottom运行时在最底层显示

2、运行速度

运行速度为运行时间(android:duration)除以运行角度差(android:toDegrees-android:fromDegrees)，比如android:duration为1000，android:toDegrees为360，android:fromDegrees为0就表示1秒转1圈。

3. 循环运行

android:fromDegrees="0" 
android:toDegrees="360" 
android:repeatCount="-1"

android:repeatCount="-1"即表示循环运行，配合上android:fromDegrees="0" android:toDegrees="360"表示不间断

第二步：写需要选择的图片布局

<ImageView
     android:id="@+id/update_image"
     style="@style/mine_icon_left"
     android:src="@drawable/version_check" />

第三部：用代码实现开始旋转和停止旋转

关键代码如下

    private ImageView iv_version_rotate;
    iv_version_rotate=(ImageView).findViewById(R.id.update_image);
    /**
     * 开启动画
     */
    public void startRotate(){
        Animation operatingAnim = AnimationUtils.loadAnimation(getActivity(), R.anim.version_image_rotate);
        LinearInterpolator lin = new LinearInterpolator();
        operatingAnim.setInterpolator(lin);
        if(operatingAnim!=null){
            iv_version_rotate.startAnimation(operatingAnim);
        }
    }
    /**
     * 关闭动画
     */
    public void stopRotate(){
        iv_version_rotate.clearAnimation();
    }

setInterpolator表示设置旋转速率。LinearInterpolator为匀速效果，Accelerateinterpolator为加速效果、DecelerateInterpolator为减速效果

其他：


对于上面的转动在横屏(被设置为了不重绘activity)时会出现问题，即旋转中心偏移，导致动画旋转偏离原旋转中心。解决如下 

@Override 
    public void onConfigurationChanged(Configuration newConfig) {  
       
        super.onConfigurationChanged(newConfig);  
       
        if (operatingAnim != null && infoOperatingIV != null && operatingAnim.hasStarted()) {  
            infoOperatingIV.clearAnimation();  
            infoOperatingIV.startAnimation(operatingAnim);  
        }  
 }