4.4.4 Android animation List 实现充能塔的效果

最新推荐文章于 2024-05-06 01:42:15 发布

原创最新推荐文章于 2024-05-06 01:42:15 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

4 android 应用系统开发专栏收录该内容

185 篇文章

订阅专栏

本文介绍如何在Android应用中实现帧动画。通过将多个图片资源放置于mipmap文件夹，并使用XML定义animation-list来控制每帧的显示时间和顺序，最终通过ImageView组件展示动画效果。文章还提供了MainActivity代码示例，演示如何通过按钮控制动画的播放和停止。

0：首相将动画放到mipmap里面去，

1：然后在drawable 里面创建一个rootElement为animation-list的文件drawable_elec，

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@mipmap/elec01" android:duration="200"/>
<item android:drawable="@mipmap/elec02" android:duration="200"/>
<item android:drawable="@mipmap/elec03" android:duration="200"/>
<item android:drawable="@mipmap/elec04" android:duration="200"/>
<item android:drawable="@mipmap/elec05" android:duration="200"/>
</animation-list>

2：布局里面：

<?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:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <ImageView
        android:layout_marginBottom="100dp"
        android:layout_alignParentBottom="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/drawable_elec"
        android:id="@+id/animationList"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="animationList"
        android:text="start/stop"/>
</RelativeLayout>

2：MainActivity 里面：

package tech.androidstudio.animationdemo;

import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.Drawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements Animation.AnimationListener {

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

    public void animationList(View view) {
        ImageView animationList = (ImageView) findViewById(R.id.animationList);
        AnimationDrawable animationDrawable = (AnimationDrawable)animationList.getDrawable();
        if(!animationDrawable.isRunning())
            animationDrawable.start();
        else
            animationDrawable.stop();
    }
}