废话不多说,先看东西
![](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTI2NTA2MS8yMDE4MDQvMTI2NTA2MS0yMDE4MDQwODE1MTU0ODIxOC02MzAyNjk5NjMuZ2lm.gif?w=700&webp=1)
帧动画的创建方式主要以下2种:
* 用xml创建动画;
* 纯Java代码创建动画;
本文内容主要关注 xml文件 创建帧动画的方式;
纯Java代码创建帧动画:http://www.cnblogs.com/geaosu/p/8745249.html
xml创建动画过程:
1. 找到 res 目录下 drawable 目录;
![](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTI2NTA2MS8yMDE4MDQvMTI2NTA2MS0yMDE4MDQwODE0NTU0MjI4OS0xOTQ2MTg2NjA1LnBuZw%3D%3D.png?w=700&webp=1)
2. 新建xml文件
![](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTI2NTA2MS8yMDE4MDQvMTI2NTA2MS0yMDE4MDQwODE0NTU1MDYyOC00NjY4NzYwNDkucG5n.png?w=700&webp=1)
* 在输入框中直接输入 list 后工具自动提示,选择 animation-list;
![](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTI2NTA2MS8yMDE4MDQvMTI2NTA2MS0yMDE4MDQwODE0NTYwMjMyMC0yMDE4NDU1NjU1LnBuZw%3D%3D.png?w=700&webp=1)
* 输入名称,点击 OK 完成
![](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTI2NTA2MS8yMDE4MDQvMTI2NTA2MS0yMDE4MDQwODE0NTYxNTU2MS0xOTIxMDQ5NTAxLnBuZw%3D%3D.png?w=700&webp=1)
* 上截图,代码在后面;
![](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTI2NTA2MS8yMDE4MDQvMTI2NTA2MS0yMDE4MDQwODE0NTYzNTgyOS00Mzk2MDIzOTAucG5n.png?w=700&webp=1)
* 源代码如下:
<?xml version="1.0" encoding="utf-8"?>
<animation-list
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/pic_01" android:duration="100" />
<item android:drawable="@drawable/pic_02" android:duration="100" />
<item android:drawable="@drawable/pic_03" android:duration="100" />
<item android:drawable="@drawable/pic_04" android:duration="100" />
<item android:drawable="@drawable/pic_05" android:duration="100" />
<item android:drawable="@drawable/pic_06" android:duration="100" />
<item android:drawable="@drawable/pic_07" android:duration="100" />
</animation-list>
说明:
* duration属性是动画执行的时间,可以更具自己的需求调整;
* 将图片替换成自己的图片;
3. 加载动画,代码在后边:
![](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTI2NTA2MS8yMDE4MDQvMTI2NTA2MS0yMDE4MDQwODE1MDk0NTgyNy0xMTA3NTQ2OTUzLnBuZw%3D%3D.png?w=700&webp=1)
* 代码:
private ImageView ivPicXml; ivPicXml = (ImageView) findViewById(R.id.ivPicXml); ivPicXml.setImageResource(R.drawable.my_anim); AnimationDrawable animDra = (AnimationDrawable) ivPicXml.getDrawable(); animDra.start();