Android动画学习之Drawable动画

最新推荐文章于 2020-04-02 09:38:55 发布

原创最新推荐文章于 2020-04-02 09:38:55 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #动画

Android 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了Drawable动画的概念及其在Android中的应用。通过实例演示了如何使用XML文件定义Drawable动画，并展示了如何在代码中控制动画的播放。同时，还讨论了如何通过层叠图片实现复杂的动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Drawable动画是通过载入一系列的drawable资源陆续创建动画。这是一个传统的动画，它像一卷电影一样将一个序列不同的图像按播放顺序播放形成。Animationdrawable类是Drawable动画的基础。

XML文件包含一个作为根节点和一系列子节点，每个定义一帧：一帧的图片资源和一帧的持续时间。这里是一个Drawable动画实例的XML文件:

    <?xml version="1.0" encoding="utf-8"?>
    <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true">
        <item android:drawable="@drawable/horse1" android:duration="100"></item>
        <item android:drawable="@drawable/horse2" android:duration="100"></item>
        <item android:drawable="@drawable/horse3" android:duration="100"></item>
        <item android:drawable="@drawable/horse4" android:duration="100"></item>
        <item android:drawable="@drawable/horse5" android:duration="100"></item>
        <item android:drawable="@drawable/horse6" android:duration="100"></item>
        <item android:drawable="@drawable/horse7" android:duration="100"></item>
        <item android:drawable="@drawable/horse8" android:duration="100"></item>
    </animation-list>

这个动画只运行三帧。通过设置android:oneshot的属性为true，它将只循环一次然后停止并保持在最后一帧。如果设置为false，则动画将循环。通过将这个XML保存在res/drawable/rocket_thrust.xml目录，它可以被View对象添加背景然后播放。这里的一个例子，其中动画添加到ImageView然后屏幕被触摸时播放动画：

  AnimationDrawable rocketAnimation;
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        ivDrawable = (ImageView) findViewById(R.id.ivDrawable);
        ivDrawable.setBackgroundResource(R.drawable.horese);
        animationDrawable= (AnimationDrawable) ivDrawable.getBackground();
    }

    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
        if(animationDrawable.isRunning()){
             animationDrawable.stop();
             }
             animationDrawable.start();
             return true;
        }
        return super.onTouchEvent(event);
    }

运行效果如下:
drawable_animation_1
也可通过标签将图片层叠起来，实现多个动画效果：

    <?xml version="1.0" encoding="UTF-8"?>  
    <animation-list xmlns:android="http://schemas.android.com/apk/res/android"  
        android:oneshot="false">  
        <item android:duration="100">  
            <layer-list>  
                <item android:drawable="@drawable/login_loading_00" />  
                <item android:drawable="@drawable/login_loading_10" />  
            </layer-list>  
        </item>  
        <item android:duration="100">  
            <layer-list>  
                <item android:drawable="@drawable/login_loading_01" />  
                <item android:drawable="@drawable/login_loading_11" />  
            </layer-list>  
        </item>  
        <item android:duration="100">  
            <layer-list>  
                <item android:drawable="@drawable/login_loading_02" />  
                <item android:drawable="@drawable/login_loading_12" />  
            </layer-list>  
        </item>  
        <item android:duration="100">  
            <layer-list>  
                <item android:drawable="@drawable/login_loading_03" />  
                <item android:drawable="@drawable/login_loading_13" />  
            </layer-list>  
        </item>  
        <item android:duration="100">  
            <layer-list>  
                <item android:drawable="@drawable/login_loading_04" />  
                <item android:drawable="@drawable/login_loading_14" />  
            </layer-list>  
        </item>  
        <item android:duration="100">  
            <layer-list>  
                <item android:drawable="@drawable/login_loading_05" />  
                <item android:drawable="@drawable/login_loading_15" />  
            </layer-list>  
        </item>  
        <item android:duration="100">  
            <layer-list>  
                <item android:drawable="@drawable/login_loading_06" />  
                <item android:drawable="@drawable/login_loading_16" />  
            </layer-list>  
        </item>  
        <item android:duration="100">  
            <layer-list>  
                <item android:drawable="@drawable/login_loading_07" />  
                <item android:drawable="@drawable/login_loading_17" />  
            </layer-list>  
        </item>  
        <item android:duration="100">  
            <layer-list>  
                <item android:drawable="@drawable/login_loading_08" />  
                <item android:drawable="@drawable/login_loading_18" />  
            </layer-list>  
        </item>  
        <item android:duration="100">  
            <layer-list>  
                <item android:drawable="@drawable/login_loading_09" />  
                <item android:drawable="@drawable/login_loading_19" />  
            </layer-list>  
        </item>  
    </animation-list>

运行效果如下:
drawable_animation_2