Android高级进阶 - 动画之逐帧动画(Frame Animation)

本文详细介绍了Android中逐帧动画的实现方式,包括通过XML资源文件定义动画和使用代码实现两种方法。文中提供了具体的XML配置示例及Java代码示例,帮助读者更好地理解和运用逐帧动画。

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

前言

Android 3.0 之前,有两种类型:逐帧动画补间动画

Android 3.0 发布时,Android SDK 又提供了更加简单的属性动画;

Android 4.4 发布时,Android SDK 又提供了 android.transition 框架,更直观实现动画。

一、逐帧动画

也叫 Drawable Animation。有两种方式可以定义 XML 资源文件和代码实现。

二、XML 资源文件方式 
    // 根标签为animation-list
    // 属性 oneshot true - 展示一遍,false - 循环播放动画
    // item标签对动画中的每一个图片进行声明
    // android:duration 图片展示时长
案例:
<?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/wifi_01"
        android:duration="200"/>
    <item
        android:drawable="@drawable/wifi_02"
        android:duration="200"/>
    <item
        android:drawable="@drawable/wifi_03"
        android:duration="200"/>
    <item
        android:drawable="@drawable/wifi_04"
        android:duration="200"/>
    <item
        android:drawable="@drawable/wifi_05"
        android:duration="200"/>
    <item
        android:drawable="@drawable/wifi_06"
        android:duration="200"/>

</animation-list>
代码应用:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="setStart"
        android:text="开始" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:onClick="setEnd"
        android:text="结束" />

    <ImageView
        android:id="@+id/iv_anim"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:padding="5dp"
        android:src="@drawable/anim_fram" />
</LinearLayout>
    private ImageView imageView;
    private AnimationDrawable animDrawable;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_yao);
        imageView = (ImageView) findViewById(R.id.iv_anim);
        animDrawable = (AnimationDrawable) imageView.getDrawable();
    }

    public void setStart(View view) {
        animDrawable.start();
    }

    public void setEnd(View view) {
        animDrawable.stop();
    }
三、代码实现
private ImageView imageView;
    private AnimationDrawable mAnimDrawable;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_yao);
        imageView = (ImageView) findViewById(R.id.iv_anim);
        initDrawable();
    }

    private void initDrawable() {
        mAnimDrawable = new AnimationDrawable();
        for (int i = 1; i <= 6; i++) {
            int id = getResources().getIdentifier("wifi_0" + i, "drawable", getPackageName());
            Drawable drawable = getResources().getDrawable(id);
            // 添加一帧,并设置该帧显示的持续时间
            mAnimDrawable.addFrame(drawable, 200);
        }
        mAnimDrawable.setOneShot(false);
        imageView.setImageDrawable(mAnimDrawable);
    }

    public void setStart(View view) {
        AnimationDrawable animDrawable = (AnimationDrawable) imageView.getDrawable();
        animDrawable.start();
    }

    public void setEnd(View view) {
        AnimationDrawable animDrawable = (AnimationDrawable) imageView.getDrawable();
        animDrawable.stop();
    }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值