2023/4/26

1.帧动画概念以及用法

帧动画非常容易理解，其实就是简单的由N张静态图片收集起来，然后我们通过控制依次显示
这些图片，因为人眼“视觉残留”的原因，会让我们造成动画的“错觉”，跟放电影的原理一样！
而Android中实现帧动画，一般我们会用到前面讲解到的一个Drawable：AnimationDrawable
先编写好Drawable，然后代码中调用start()以及stop()开始或停止播放动画~
当然我们也可以在Java代码中创建逐帧动画，创建AnimationDrawable对象，然后调用
addFrame(Drawable frame,int duration)向动画中添加帧，接着调用start()和stop()而已~
下面我们来写两个例子体会下帧动画的效果以及熟悉下用法

2.使用示例：
示例一：最简单的例子：
运行效果图：

代码实现：

首先编写我们的动画文件，非常简单，先在res下创建一个anim目录，接着开始撸我们的
动画文件：miao_gif.xml：
这里的android:oneshot是设置动画是否只是播放一次，true只播放一次，false循环播放！

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item
android:drawable="@mipmap/img_miao1"
android:duration="80" />
<item
android:drawable="@mipmap/img_miao2"
android:duration="80" />
<item
android:drawable="@mipmap/img_miao3"
android:duration="80" />
<!--限于篇幅，省略其他item，自己补上-->
...
</animation-list>

动画文件有了，接着到我们的布局文件：activity_main.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<Button
android:id="@+id/btn_start"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="开始" />

<Button
android:id="@+id/btn_stop"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="停止" />

<ImageView
android:id="@+id/img_show"
android:layout_width="120dp"
android:layout_height="120dp"
android:layout_gravity="center"
android:background="@anim/miao_gif" />

</LinearLayout>

最后是我们的MainActivity.java，这里在这里控制动画的开始以及暂停：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private Button btn_start;
private Button btn_stop;
private ImageView img_show;
private AnimationDrawable anim;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
bindViews();
anim = (AnimationDrawable) img_show.getBackground();
}

private void bindViews() {
btn_start = (Button) findViewById(R.id.btn_start);
btn_stop = (Button) findViewById(R.id.btn_stop);
img_show = (ImageView) findViewById(R.id.img_show);
btn_start.setOnClickListener(this);
btn_stop.setOnClickListener(this);
}

@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_start:
anim.start();
break;
case R.id.btn_stop:
anim.stop();
break;
}
}
}