Android 动画详解之Frame动画 (Drawable Animation)

Frame动画就像是gif图,通过一些静态图片来达到动画的效果。

Android sdk中的AnimationDrawable就是专门针对Frame动画,当然Frame动画也可在java代码或者xml中写,但是提倡大家还是在xml中写,先上个效果图。


<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false" >

    <item
        android:drawable="@drawable/market_loading_01"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_02"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_03"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_04"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_05"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_06"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_07"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_08"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_09"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_10"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_11"
        android:duration="100"/>
    <item
        android:drawable="@drawable/market_loading_12"
        android:duration="100"/>

</animation-list></span>

Frame动画在xml中的根节点是<animation-list>其中的oneshot=false是循环播放,为true的话则播放到最后一张图片就会停止播放,在java中调用

ImageView imageView;
	AnimationDrawable animationDrawable;

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		imageView = (ImageView) findViewById(R.id.image);
		imageView.setBackgroundResource(R.drawable.drawable_progress);
		animationDrawable = (AnimationDrawable) imageView.getBackground();
		animationDrawable.start();
		

因为Frame 动画是有一堆静态图构成的所以,可以当成background。


用java代码写的话

		  AnimationDrawable animationDrawable2 = new AnimationDrawable();
		  Drawable drawable = getResources().getDrawable(R.drawable.fengjing_1);
		  Drawable drawable2 = getResources().getDrawable(R.drawable.fengjing_2);
		  Drawable drawable3 = getResources().getDrawable(R.drawable.fengjing_3);
        animationDrawable2.addFrame(drawable, 1000);
        animationDrawable2.addFrame(drawable2, 1000);
        animationDrawable2.addFrame(drawable3, 1000);
        animationDrawable2.setOneShot(false);
        imageView.setBackgroundDrawable(animationDrawable2);
        animationDrawable2.start();

恩。。就是这样了,Frame 动画了解到这已经差不多了。


项目源码


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。