Android 用Animation-list实现逐帧动画

正常访问状态！

设为首页 | 加入收藏夹 | 浏览历史

http://www.guosp.com
碧海澜涛居
海纳百川，有容乃大。壁立千刃，无欲则刚！

关键词：

技术资料 >> Android技术

搜索标签：动画 Android Animation

Android 用Animation-list实现逐帧动画

[阅读次数：514次] [发布时间：2013年7月3日]

第一步：先上图片素材，以下素材放到res/drawable目录下：

图片素材：
文件名称：	icon1.png	icon1.png	icon1.png	icon1.png	icon1.png	icon1.png

第二步：上动画Animation-list帧布局文件，有2个，一个是按顺序显示动画，一个是倒序显示动画，文件存放在res/drawable目录下

顺序显示动画文件：animation1.xml

 
01
<?xml version="1.0" encoding="utf-8"?> 

02
<!-- 

03
根标签为animation-list，其中oneshot代表着是否只展示一遍，设置为false会不停的循环播放动画 

04
根标签下，通过item标签对动画中的每一个图片进行声明 

05
android:duration 表示展示所用的该图片的时间长度 

06
-->

07
<animation-list

08
xmlns:android="http://schemas.android.com/apk/res/android"

09
android:oneshot="true"

10
> 

11
<item android:drawable="@drawable/icon1" android:duration="150"></item> 

12
<item android:drawable="@drawable/icon2" android:duration="150"></item> 

13
<item android:drawable="@drawable/icon3" android:duration="150"></item> 

14
<item android:drawable="@drawable/icon4" android:duration="150"></item> 

15
<item android:drawable="@drawable/icon5" android:duration="150"></item> 

16
<item android:drawable="@drawable/icon6" android:duration="150"></item> 

17
</animation-list>

倒序显示动画文件：animation2.xml

 
01
<?xml version="1.0" encoding="utf-8"?> 

02
<!-- 

03
根标签为animation-list，其中oneshot代表着是否只展示一遍，设置为false会不停的循环播放动画 

04
根标签下，通过item标签对动画中的每一个图片进行声明 

05
android:duration 表示展示所用的该图片的时间长度 

06
-->

07
<animation-list

08
xmlns:android="http://schemas.android.com/apk/res/android"

09
android:oneshot="true"

10
> 

11
<item android:drawable="@drawable/icon6" android:duration="150"></item> 

12
<item android:drawable="@drawable/icon5" android:duration="150"></item> 

13
<item android:drawable="@drawable/icon4" android:duration="150"></item> 

14
<item android:drawable="@drawable/icon3" android:duration="150"></item> 

15
<item android:drawable="@drawable/icon2" android:duration="150"></item> 

16
<item android:drawable="@drawable/icon1" android:duration="150"></item> 

17
</animation-list>

第三步：上布局文件，放在res/layout目录下，文件名main.xml：

 
01
<?xml version="1.0" encoding="utf-8"?> 

02
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

03
android:layout_width="fill_parent"

04
android:layout_height="fill_parent"

05
android:orientation="vertical"> 

06

07
<ImageView android:id="@+id/animationIV"

08
android:layout_width="wrap_content"

09
android:layout_height="wrap_content"

10
android:padding="5px"

11
android:src="@drawable/animation1"/> 

12

13
<Button android:id="@+id/buttonA"

14
android:layout_width="wrap_content"

15
android:layout_height="wrap_content"

16
android:padding="5px"

17
android:text="顺序显示" /> 

18

19
<Button android:id="@+id/buttonB"

20
android:layout_width="wrap_content"

21
android:layout_height="wrap_content"

22
android:padding="5px"

23
android:text="停止" /> 

24

25
<Button android:id="@+id/buttonC"

26
android:layout_width="wrap_content"

27
android:layout_height="wrap_content"

28
android:padding="5px"

29
android:text="倒序显示" /> 

30

31
</LinearLayout>

第四步：上Activity文件，文件名：MainActivity.java

 
01
package org.shuxiang.test; 

02

03
import android.app.Activity; 

04
import android.graphics.drawable.AnimationDrawable; 

05

06
import android.os.Bundle; 

07
import android.view.View; 

08
import android.view.View.OnClickListener; 

09
import android.view.Window; 

10
import android.widget.Button; 

11
import android.widget.ImageView; 

12

13
public class Activity10 extends Activity 

14
{ 

15
private ImageView animationIV; 

16
private Button buttonA, buttonB, buttonC; 

17
private AnimationDrawable animationDrawable; 

18
@Override

19
public void onCreate(Bundle savedInstanceState) { 

20
super.onCreate(savedInstanceState); 

21
requestWindowFeature(Window.FEATURE_NO_TITLE); 

22
setContentView(R.layout.test10); 

23

24

25
animationIV = (ImageView) findViewById(R.id.animationIV); 

26
buttonA = (Button) findViewById(R.id.buttonA); 

27
buttonB = (Button) findViewById(R.id.buttonB); 

28
buttonC = (Button) findViewById(R.id.buttonC); 

29

30
buttonA.setOnClickListener(new OnClickListener() 

31
{ 

32
@Override

33
public void onClick(View v) { 

34
// TODO Auto-generated method stub 

35
animationIV.setImageResource(R.drawable.animation1); 

36
animationDrawable = (AnimationDrawable) animationIV.getDrawable(); 

37
animationDrawable.start(); 

38
} 

39

40
}); 

41

42
buttonB.setOnClickListener(new OnClickListener() 

43
{ 

44
@Override

45
public void onClick(View v) { 

46
// TODO Auto-generated method stub 

47
animationDrawable = (AnimationDrawable) animationIV.getDrawable(); 

48
animationDrawable.stop(); 

49
} 

50

51
}); 

52

53
buttonC.setOnClickListener(new OnClickListener() 

54
{ 

55
@Override

56
public void onClick(View v) { 

57
// TODO Auto-generated method stub 

58
animationIV.setImageResource(R.drawable.animation2); 

59
animationDrawable = (AnimationDrawable) animationIV.getDrawable(); 

60
animationDrawable.start(); 

61
} 

62
}); 

63
} 

64
}

, lass=number>56

public void onClick(View v) {

`57`	`// TODO Auto-generated method stub`

`58`	`animationIV.setImageResource(R.drawable.animation2);`

`59`	`animationDrawable = (AnimationDrawable) animationIV.getDrawable();`

`60`	`animationDrawable.start();`

61 }

62 });

63 }

64 }

本页地址： [复制地址]
该页内容非本站原创收藏自：http://www.open-open.com/lib/view/open1344504946405.html

返回顶部

评论统计（0条）| 我要评论

暂无评论内容！

我要评论

我要评论：

带*部分需要填写

姓名称呼：

* 请填写您的姓名或呢称

联系方式：

QQ,MSN,Email都可以，方便交流 (仅管理员可见)

评论内容：

* 不超过100字符，50汉字

验证码：

推荐链接