Android图形图像之补间动画

前言

    补间动画和逐帧动画，在实现起来都很简单，大致就是先设置好XML动画资源，然后将这个让需要的View来通过这种方式来实现:
   ImageView.startAnimation(R.anim.animation)来实现，个人感觉将动画资源与View之间通过一个startAnimation方法的确能够实现很好的解耦。

演示

代码实现

动画资源XML

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator" >

    <scale
        android:duration="30000"
        android:fillAfter="true"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0.01"
        android:toYScale="0.01" />

    <alpha
        android:duration="3000"
        android:fromAlpha="1"
        android:toAlpha="0.05" />

    <rotate
        android:duration="3000"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="1800" />

</set>

动画资源出现的属性说明

属性	说明
duration	动画的持续时间
fromXScale	X轴方向的原始大小(1为原始大小，0为没有)
fromYScale	Y轴方向的原始大小
fromAlpha	原始的透明度
fromDegrees	原始的角度
toXScale	X轴方向的最终大小
toYScale	Y轴方向的最终大小
toAlpha	最终的透明度
toDegrees	最终的角度
pivotX	轴中心的位置，50%在X轴中间
pivotY	轴中心的位置，50%在Y轴中间

Interpolator的属性方法说明

属性	说明
linear_interpolator	匀速
AccelerateIntepolator	开始a(加速度)比较小，a后来稳定
AccelerateDecelerateInterpolator	开始，结束a比较小，中间稳定且较大
CycleIntepolator	a按正玄曲线改变
DecelerateIntepolator	a开始的时候较快，然后较慢

XML主界面

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true" 
        android:src="@drawable/pict"
        android:scaleType="center"/>

</RelativeLayout>

JAVA代码

public class MainActivity extends Activity {
    private ImageView image;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        image = (ImageView)findViewById(R.id.img);
        Animation anim = AnimationUtils.loadAnimation(this, R.anim.animation);
        anim.setFillAfter(true);
        image.startAnimation(anim);
    }
}

总结

    无总结，这么简单实在是无法总结。
    Demo下载地址： 点击下载

——————————————————————————————-

欢迎转载，尊重作者劳动成果，转载请务必注明出处
技术因分享而饱含生机

——————————————————————————————-