Android动画--Frame Animation

最新推荐文章于 2025-08-10 12:00:48 发布

tangkai177

最新推荐文章于 2025-08-10 12:00:48 发布

阅读量489

点赞数

分类专栏： android动画文章标签： android animation layout button action image

android动画专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用Android中的帧动画(Frame Animation)实现动态效果。通过创建一个简单的应用，演示了如何设置和控制帧动画，包括动画的播放、停止及重复设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

- 新建工程 myFrameAnimation
- 在main.xml布局中添加view子类，调整一下，效果如下:
1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:prientation="vertical" android:layout_width="fill_parent"
4. android:layout_height="fill_parent">
5. <LinearLayout android:prientation="horizontal"
6. android:layout_width="fill_parent" android:layout_height="wrap_content"
7. android:background="@drawable/bt_group_back" android:layout_marginTop="10px">
8. <Button android:text="播放动画" android:layout_width="100px"
9. android:id="@+id/Button_start" android:layout_height="fill_parent"></Button>
10. <Button android:layout_width="100px" android:text="停止动画"
11. android:id="@+id/Button_stop" android:layout_height="fill_parent"></Button>
12. <CheckBox android:text="动画重复" android:layout_width="100px"
13. android:id="@+id/CheckBox_ifCycle_orNot" style="?android:attr/starStyle"
14. android:layout_height="fill_parent"></CheckBox>
15. </LinearLayout>
16. <ImageView android:id="@+id/rocket_image"
17. android:layout_width="80px" android:layout_height="80px"
18. android:background="@drawable/android_large"
19. android:layout_marginLeft="100dp" android:layout_marginTop="100dp"></ImageView>
20. </LinearLayout>
复制代码
- 找几个动态图片，把它分成单个图。（主要是为了讲解／是用Frame Animation效果，AnimationDrawable）
- 修改mainActivity.java的代码
1. package zyf.my.frame.animation;
3. import android.app.Activity;
4. import android.graphics.drawable.AnimationDrawable;
5. import android.os.Bundle;
6. import android.view.MotionEvent;
7. import android.view.View;
8. import android.widget.Button;
9. import android.widget.CheckBox;
10. import android.widget.ImageView;
11. import android.widget.Toast;
12. public class myFrameAnimatino extends Activity implements Button.OnClickListener {
13. /** Called when the activity is first created. */
14. AnimationDrawable frameAnimation;
15. /*
16. * 声明AnimationDrawable 可绘制动画对象frameAnimation
17. */
18. ImageView myImage;
19. /*
20. * 图片View ImageView
21. */
22. Button start,stop;
23. CheckBox Cycle;
24. boolean isChecked_cycle=true;
25. /*
26. * (non-Javadoc)
27. * @see android.app.Activity#onCreate(android.os.Bundle)
28. */
29. @Override
30. public void onCreate(Bundle savedInstanceState) {
31. super.onCreate(savedInstanceState);
32. setContentView(R.layout.main);
34. start=(Button) findViewById(R.id.Button_start);
35. stop=(Button) findViewById(R.id.Button_stop);
36. Cycle=(CheckBox) findViewById(R.id.CheckBox_ifCycle_orNot);
37. /*
38. * findViewById（）从XML中获取 Button CheckBox
39. */
41. myImage = (ImageView) findViewById(R.id.rocket_image);
42. /*
43. * findViewById（）从XML中获取ImageView 对象myImage
44. */
45. myImage.setBackgroundResource(R.anim.myframeanimation);
46. /*
47. * ImageView.setBackgroundResource()设置图片View的背景图片
48. * 这里是把帧动画 myframeanimation加到图片View的背景中
49. */
50. frameAnimation = (AnimationDrawable) myImage.getBackground();
51. /*
52. * myImage.getBackground()获得背景的Drawable的对象，转换成AnimationDrawable
53. */
55. start.setOnClickListener(this);
56. stop.setOnClickListener(this);
57. }
58. /*
59. * (non-Javadoc)
60. * @see android.app.Activity#onTouchEvent(android.view.MotionEvent)
61. */
62. @Override
63. public boolean onTouchEvent(MotionEvent event) {
64. frameAnimation.setOneShot(isChecked_cycle);
65. /*
66. * 添加触摸事件处理方法
67. */
68. // TODO Auto-generated method stub
69. if(event.getAction()==MotionEvent.ACTION_DOWN){
70. /*
71. * MotionEvent.getAction()获取事件动作
72. * MotionEvent.ACTION_DOWN 向下的手势动作
73. */
75. /*event.getAction() 返回正被执行的动作种类：
76. * 是 ACTION_DOWN, ACTION_MOVE, ACTION_UP, 或 ACTION_CANCEL中的一个.
77. */
78. frameAnimation.start();
79. /*
80. * 启动帧动画效果
81. */
82. return true;
84. }
85. return super.onTouchEvent(event);
86. }
87. /*
88. * (non-Javadoc)
89. * @see android.view.View.OnClickListener#onClick(android.view.View)
90. */
91. @Override
92. public void onClick(View button) {
93. // TODO Auto-generated method stub
94. switch (button.getId()) {
95. case R.id.Button_start:{
96. if(Cycle.isChecked()){
97. Toast.makeText(this, "动画重复", Toast.LENGTH_LONG).show();
98. isChecked_cycle=false;
99. }else{
100. Toast.makeText(this, "不重复", Toast.LENGTH_LONG).show();
101. isChecked_cycle=true;
102. }
103. /*
104. * 复选按钮选中，动画重复播放， AnimationDrawable.setOneShot(false)
105. * 复选按钮未选中，动画不重复播放，AnimationDrawable.setOneShot(true)
106. */
108. frameAnimation.setOneShot(isChecked_cycle);
109. /*
110. * 设置重复与否
111. */
112. frameAnimation.start();
113. /*
114. *启动帧动画效果
115. */
117. }
118. break;
119. case R.id.Button_stop:{
120. if(frameAnimation.isRunning()){
121. /*
122. * AnimationDrawable.isRunning()，判断帧动画是否在运行，true---运行中
123. * 如果动画正在运行，可以停止
124. */
125. frameAnimation.stop();
126. /*
127. *停止帧动画效果
128. */
129. }
131. }
132. break;
133. default:
134. break;
135. }
136. }
137. }
复制代码
- 运行结果
2009-6-17 05:10:39 上传
下载附件 (29.18 KB)

新建工程 myFrameAnimation

在main.xml布局中添加view子类，调整一下，效果如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:prientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout android:prientation="horizontal"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:background="@drawable/bt_group_back" android:layout_marginTop="10px">
<Button android:text="播放动画" android:layout_width="100px"
android:id="@+id/Button_start" android:layout_height="fill_parent"></Button>
<Button android:layout_width="100px" android:text="停止动画"
android:id="@+id/Button_stop" android:layout_height="fill_parent"></Button>
<CheckBox android:text="动画重复" android:layout_width="100px"
android:id="@+id/CheckBox_ifCycle_orNot" style="?android:attr/starStyle"
android:layout_height="fill_parent"></CheckBox>
</LinearLayout>
<ImageView android:id="@+id/rocket_image"
android:layout_width="80px" android:layout_height="80px"
android:background="@drawable/android_large"
android:layout_marginLeft="100dp" android:layout_marginTop="100dp"></ImageView>
</LinearLayout>

复制代码

找几个动态图片，把它分成单个图。（主要是为了讲解／是用Frame Animation效果，AnimationDrawable）

修改mainActivity.java的代码

package zyf.my.frame.animation;
import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.ImageView;
import android.widget.Toast;
public class myFrameAnimatino extends Activity implements Button.OnClickListener {
/** Called when the activity is first created. */
AnimationDrawable frameAnimation;
/*
* 声明AnimationDrawable 可绘制动画对象frameAnimation
*/
ImageView myImage;
/*
* 图片View ImageView
*/
Button start,stop;
CheckBox Cycle;
boolean isChecked_cycle=true;
/*
* (non-Javadoc)
* @see android.app.Activity#onCreate(android.os.Bundle)
*/
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
start=(Button) findViewById(R.id.Button_start);
stop=(Button) findViewById(R.id.Button_stop);
Cycle=(CheckBox) findViewById(R.id.CheckBox_ifCycle_orNot);
/*
* findViewById（）从XML中获取 Button CheckBox
*/
myImage = (ImageView) findViewById(R.id.rocket_image);
/*
* findViewById（）从XML中获取ImageView 对象myImage
*/
myImage.setBackgroundResource(R.anim.myframeanimation);
/*
* ImageView.setBackgroundResource()设置图片View的背景图片
* 这里是把帧动画 myframeanimation加到图片View的背景中
*/
frameAnimation = (AnimationDrawable) myImage.getBackground();
/*
* myImage.getBackground()获得背景的Drawable的对象，转换成AnimationDrawable
*/
start.setOnClickListener(this);
stop.setOnClickListener(this);
}
/*
* (non-Javadoc)
* @see android.app.Activity#onTouchEvent(android.view.MotionEvent)
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
frameAnimation.setOneShot(isChecked_cycle);
/*
* 添加触摸事件处理方法
*/
// TODO Auto-generated method stub
if(event.getAction()==MotionEvent.ACTION_DOWN){
/*
* MotionEvent.getAction()获取事件动作
* MotionEvent.ACTION_DOWN 向下的手势动作
*/
/*event.getAction() 返回正被执行的动作种类：
* 是 ACTION_DOWN, ACTION_MOVE, ACTION_UP, 或 ACTION_CANCEL中的一个.
*/
frameAnimation.start();
/*
* 启动帧动画效果
*/
return true;
}
return super.onTouchEvent(event);
}
/*
* (non-Javadoc)
* @see android.view.View.OnClickListener#onClick(android.view.View)
*/
@Override
public void onClick(View button) {
// TODO Auto-generated method stub
switch (button.getId()) {
case R.id.Button_start:{
if(Cycle.isChecked()){
Toast.makeText(this, "动画重复", Toast.LENGTH_LONG).show();
isChecked_cycle=false;
}else{
Toast.makeText(this, "不重复", Toast.LENGTH_LONG).show();
isChecked_cycle=true;
}
/*
* 复选按钮选中，动画重复播放， AnimationDrawable.setOneShot(false)
* 复选按钮未选中，动画不重复播放，AnimationDrawable.setOneShot(true)
*/
frameAnimation.setOneShot(isChecked_cycle);
/*
* 设置重复与否
*/
frameAnimation.start();
/*
*启动帧动画效果
*/
}
break;
case R.id.Button_stop:{
if(frameAnimation.isRunning()){
/*
* AnimationDrawable.isRunning()，判断帧动画是否在运行，true---运行中
* 如果动画正在运行，可以停止
*/
frameAnimation.stop();
/*
*停止帧动画效果
*/
}
}
break;
default:
break;
}
}
}