android 动画帧动画

Posted 2020-08-01

Drawable Animations 

Frame-By-Frame Animations是一帧一帧的格式显示动画效果。类似于电影胶片拍摄的手法。

 

* 帧动画：
* 1.在res文件夹下创建drawable文件夹，创建xml文件
* animation-list标签
* 2.在布局控件中引入此xml文件
* 3.获取AnimationDrawable对象
* 4.调用AnimationDrawable中的start方法和stop方法

 

第一步

在/res、drawable/下创建animation.xml, 

使用<animation-list/>标签， 

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
      android:drawable="@drawable/wifi1"   //播放的图片
        android:duration="300">　　　　　　　　//播放时间
    </item>
    <item
        android:drawable="@drawable/wifi2"
        android:duration="300">
    </item>
    <item
        android:drawable="@drawable/wifi3"
        android:duration="300">
    </item>
    <item
        android:drawable="@drawable/wifi4"
        android:duration="300">
    </item>
    <item
        android:drawable="@drawable/wifi5"
        android:duration="300">
    </item>
    <item
        android:drawable="@drawable/wifi6"
        android:duration="300">
    </item>

</animation-list>

第二步在布局文件制定组件引入该xml

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="90dp"
    android:src="@drawable/animation" />

* 3.获取AnimationDrawable对象
* 4.调用AnimationDrawable中的start方法和stop方法

 

public class MainActivity extends Activity {
    ImageView iv;
    Animation animation;

    AnimationDrawable drawable;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main); 
        iv = (ImageView) findViewById(R.id.imageView1);
        drawable = (AnimationDrawable) iv.getDrawable();
    }

    public void click(View v){ 
        switch (v.getId()) {
        case R.id.button1:
            drawable.start();
            break;
        case R.id.button2:
            drawable.stop();
        default:
            break;
        }

    } 
}