动画(Drawable Animation)(百度糯米加载动画示例)

概述:

Drawable animation通过载入一系列的图片资源来实现一个连续的动画效果,即我们通常说的帧动画。

实现关键点:

(1)定义一个包含<animation-list>元素的xml文件。
(2)使用AnimationDrawable类来控制动画的启动和停止等操作。

示例:

我们用百度糯米的加载动画来举个例子,先看下百度糯米加载动画的效果图。


loading.gif

(1)在drawable目录下定义一个xml文件命名为conent_loading.xml。

<?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/component_tip_loading1" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading2" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading3" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading4" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading5" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading6" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading7" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading8" android:duration="200" />
    <item android:drawable="@drawable/component_tip_loading9" android:duration="200" />
</animation-list>

在xml中oneshot为false表示循环执行,为true表示只执行一次。每个item标签对应一张图片(frame)。如果需要多个图片的叠加效果可以使用<layer-list/>标签将item包起来。本文中没有涉及。

(2)在Activity中初始化控件,并且启动动画。


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initLoading();
    }

    private void initLoading() {
        ImageView contentLoadingImage = (ImageView) findViewById(R.id.loading_img);
        contentLoadingImage.setBackgroundResource(R.drawable.content_loading);
        AnimationDrawable contentLoadingDrawable = (AnimationDrawable) contentLoadingImage.getBackground();
        contentLoadingDrawable.start();
    }

Activity的布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.wayne.android.drawableanimation.MainActivity">

    <ImageView
        android:id="@+id/loading_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"/>
</RelativeLayout>

结语:

Drawable animation使用比较简单,对于有些好玩的,不易用代码绘制但是可以用多个连续图片表现的动画,可以选择用它来实现。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,301评论 25 708
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,523评论 0 17
  • 红 买的花茶到了 大麦茶 山楂 好喜欢他们的味道
    海绵包包阅读 112评论 0 0
  • 我在凌晨两点醒来,因为昨天9点就休息了,醒来时特别清醒,也特别头疼,我往太阳穴上抹了风油精,所以就彻底醒来。 我听...
    张果冻阅读 212评论 0 0
  • 在复杂的男女关系世界里,有一种最奇葩的关系,它叫:暧昧。 在咖啡馆里,他第一次请她喝咖啡,然后告诉她,他要走了。就...
    be3e3b1b85fb阅读 397评论 0 1