码迷,mamicode.com
首页 > 移动开发 > 详细

Android动画之Frame Animation

时间:2014-09-14 12:45:27      阅读:316      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   color   io   os   使用   java   

在Android中,动画Animation的实现有两种方式:Tween Animation(渐变动画)和Frame Animation(帧动画)。渐变动画是通过对场景里的对象不断做图像变换(平移、缩放、旋转等)产生动画效果。帧动画则是通过顺序播放事先准备好的图像来产生动画效果,和电影类似。

  帧动画主要是通过AnimationDrawable类来实现的。

1.AnimationDrawable类

  AnimationDrawable类用于创建由一系列Drawable对象构成的逐帧动画对象,它可以作为一个视图对象的背景。

  AnimationDrawable类的常用方法有以下一些:

mAnimationDrawable.addFrame(Drawable frame, int duration);//添加一个帧动画

mAnimationDrawable.getDuration(int i);//获得帧动画的时间

mAnimationDrawable.getFrame(int index);//获得指定索引的Drawable对象

mAnimationDrawable.getNumberOfFrames();//获得帧动画的总数

mAnimationDrawable.isOneShot();//帧动画是否只运行一次

mAnimationDrawable.isRunning();//帧动画是否处于运行状态

mAnimationDrawable.setOneShot(boolean onsShot);//设置帧动画是否只运行一次

mAnimationDrawable.setVisible(boolean visible, boolean restart);//设置帧动画是否可见

mAnimationDrawable.start();//运行帧动画

mAnimationDrawable.stop();//停止帧动画

 

2.通过Java代码实现Frame Animation动画

  要实现Frame Animation动画,需要创建一个AnimationDrawable对象来表示Frame动画,然后通过addFrame()方法把每一帧要显示的内容添加进去,最后通过start()方法就可以播放动画了。

  setOneShot()方法可以设置动画是否需要重复播放。

  在具体实现中,需要预先准备了15张单帧动画图像,分别命名为image1到image15,并存放在工程的res/drawable目录下。然后可以通过如下方法将每一帧的图像加载到AnimationDrawable对象中。

bubuko.com,布布扣
1         mAnimationDrawable = new AnimationDrawable();
2         for (int i = 1; i <= 15; i++) {
3             int resourcesId = getResources().getIdentifier("image"+i, "drawable", mContext.getPackageName());
4             mDrawable = getResources().getDrawable(resourcesId);
5             mAnimationDrawable.addFrame(mDrawable, 500);
6         }

  在本案例中,设置了按键事件监听,通过中键来启动动画,通过Back键来关闭动画(实际是通过关闭当前Activity来实现的)。

  MainActivity.java源代码如下:

bubuko.com,布布扣
bubuko.com,布布扣
 1 package com.example.android_frameanimation;
 2 
 3 import android.os.Bundle;
 4 import android.view.KeyEvent;
 5 import android.app.Activity;
 6 
 7 public class MainActivity extends Activity {
 8 
 9     FrameView mFrameView;                                   //定义帧动画对象
10     
11     @Override
12     public void onCreate(Bundle savedInstanceState) {
13         super.onCreate(savedInstanceState);
14         mFrameView = new FrameView(this);
15         setContentView(mFrameView);                    //加载帧动画视图
16     }
17     
18     //按键按下事件响应
19     public boolean onKeyDown(int keyCode, KeyEvent event)
20     {
21         if ( mFrameView == null )
22         {
23             return false;
24         }
25         if (keyCode == KeyEvent.KEYCODE_BACK) {         //按下Back键结束当前Activity
26             this.finish();
27             return true;
28         }
29         mFrameView.onKeyDown(keyCode, event);
30         return true;
31     }
32 }
bubuko.com,布布扣

  FrameView.java源代码如下:

bubuko.com,布布扣
bubuko.com,布布扣
 1 package com.example.android_frameanimation;
 2 
 3 import android.content.Context;
 4 import android.graphics.Canvas;
 5 import android.graphics.drawable.AnimationDrawable;
 6 import android.graphics.drawable.Drawable;
 7 import android.view.KeyEvent;
 8 import android.view.View;
 9 
10 public class FrameView extends View {
11 
12     AnimationDrawable mAnimationDrawable;   //AnimationDrawable对象
13     Drawable mDrawable;              //Drawable对象   
14     Context mContext;                      //Context对象
15     
16     public FrameView(Context context) {
17         super(context);            
18         mContext = context;
19 
20         //使用Java代码实现帧动画效果
21         mAnimationDrawable = new AnimationDrawable();
22         for (int i = 1; i <= 15; i++) {
23             int resourcesId = getResources().getIdentifier("image"+i, "drawable", mContext.getPackageName());
24             mDrawable = getResources().getDrawable(resourcesId);
25             mAnimationDrawable.addFrame(mDrawable, 500);
26         }
27         mAnimationDrawable.setOneShot(false);
28         this.setBackgroundDrawable(mAnimationDrawable);
29     }
30     
31     public void onDraw(Canvas canvas) {
32         super.onDraw(canvas);
33     }
34     
35     //按键按下事件响应
36     public boolean onKeyDown(int keyCode, KeyEvent event) {
37         if (keyCode == KeyEvent.KEYCODE_DPAD_CENTER) {              //按下中键开始动画
38             mAnimationDrawable.start();
39         }
40         return true;
41     }
42 }
bubuko.com,布布扣

 

3.通过xml布局文件实现Frame Animation动画

  逐帧动画的实现,也可以通过xml布局文件来完成。xml文件可以存放在工程的res/anim目录下。

  Frame动画的xml文件常用属性如下:

android:drawable[drawable]//加载Drawable对象

android:duration[long]//每一帧动画的持续时间(单位ms)

android:oneshot[boolean]//动画是否只运行一次,true运行一次,false重复运行

android:visible[boolean]//Drawable对象的初始能见度状态,true可见,false不可见(默认为false)

  使用xml来实现Frame动画时,首先可以通过setBackgroundResource()方法来加载xml动画布局文件,然后通过getBackground()方法获得动画,再通过setBackgroundDrawable()方法设置要显示的动画,最后通过start()方法来播放动画即可。

   具体实现只需将FrameView.java源代码稍加改动即可,具体源代码如下:

bubuko.com,布布扣
bubuko.com,布布扣
 1 package com.example.android_frameanimation;
 2 
 3 import android.content.Context;
 4 import android.graphics.Canvas;
 5 import android.graphics.drawable.AnimationDrawable;
 6 import android.graphics.drawable.Drawable;
 7 import android.view.KeyEvent;
 8 import android.view.View;
 9 import android.widget.ImageView;
10 
11 public class FrameView extends View {
12 
13     AnimationDrawable mAnimationDrawable;   //AnimationDrawable对象
14     Drawable mDrawable;              //Drawable对象   
15     Context mContext;                      //Context对象
16     
17     public FrameView(Context context) {
18         super(context);            
19         mContext = context;
20 
21         //使用xml文件实现帧动画效果    
22         ImageView mImageView = new ImageView(mContext);
23         mImageView.setBackgroundResource(R.anim.frameanimation);
24         mAnimationDrawable = (AnimationDrawable) mImageView.getBackground();
25         this.setBackgroundDrawable(mAnimationDrawable);
26         
27         mAnimationDrawable.setOneShot(false);
28         this.setBackgroundDrawable(mAnimationDrawable);
29     }
30     
31     public void onDraw(Canvas canvas) {
32         super.onDraw(canvas);
33     }
34     
35     //按键按下事件响应
36     public boolean onKeyDown(int keyCode, KeyEvent event) {
37         if (keyCode == KeyEvent.KEYCODE_DPAD_CENTER) {              //按下中键开始动画
38             mAnimationDrawable.start();
39         }
40         return true;
41     }
42 }
bubuko.com,布布扣

  此外,还需要补充一个frameanimation.xml文件,具体源代码如下:

bubuko.com,布布扣
bubuko.com,布布扣
 1 <?xml version="1.0" encoding="utf-8"?>
 2 <animation-list 
 3     xmlns:android="http://schemas.android.com/apk/res/android"    
 4     android:oneshot="false"    >
 5     <item android:drawable="@drawable/image1"    android:duration="1000"    />
 6     <item android:drawable="@drawable/image2"    android:duration="1000"    />
 7     <item android:drawable="@drawable/image3"    android:duration="1000"    />
 8     <item android:drawable="@drawable/image4"    android:duration="1000"    />
 9     <item android:drawable="@drawable/image5"    android:duration="1000"    />
10     <item android:drawable="@drawable/image6"    android:duration="1000"    />
11     <item android:drawable="@drawable/image7"    android:duration="1000"    />
12     <item android:drawable="@drawable/image8"    android:duration="1000"    />
13     <item android:drawable="@drawable/image9"    android:duration="1000"    />
14     <item android:drawable="@drawable/image10"    android:duration="1000"    />
15     <item android:drawable="@drawable/image11"    android:duration="1000"    />
16     <item android:drawable="@drawable/image12"    android:duration="1000"    />
17     <item android:drawable="@drawable/image13"    android:duration="1000"    />
18     <item android:drawable="@drawable/image14"    android:duration="1000"    />
19     <item android:drawable="@drawable/image15"    android:duration="1000"    />
20     
21 </animation-list>
bubuko.com,布布扣

 

Android动画之Frame Animation

标签:android   style   blog   http   color   io   os   使用   java   

原文地址:http://www.cnblogs.com/jiefeiduan/p/3970793.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!