Android 逐帧动画创建实例详解

砸漏

发布于 2020-10-22 17:35:18

6560

发布于 2020-10-22 17:35:18

文章被收录于专栏：恩蓝脚本恩蓝脚本

Android 逐帧动画创建实例详解

前言：

我们看早期电影的时候，电影通常是一张一张播放，用我们现在专有名词来说，就是一帧帧来，安卓同样有这样动画效果的编排形式。

那么我们先定义逐帧动画xml文件

<?xml version="1.0" encoding="utf-8"?  
<animation-list 
  xmlns:android="http://schemas.android.com/apk/res/android" 
  android:oneshot="true"  
 
  <item 
    android:drawable="@drawable/pic1" 
    android:duration="200" /  
  <item 
    android:drawable="@drawable/pic2" 
    android:duration="200" /  
  <item 
    android:drawable="@drawable/pic3" 
    android:duration="200" /  
  <item 
    android:drawable="@drawable/pic4" 
    android:duration="200" /  
  <item 
    android:drawable="@drawable/pic5" 
    android:duration="200" /  
  <item 
    android:drawable="@drawable/pic6" 
    android:duration="200" /  
  <item 
    android:drawable="@drawable/pic7" 
    android:duration="200" /  
   <item 
    android:drawable="@drawable/pic8" 
    android:duration="200" /  
   <item 
    android:drawable="@drawable/pic8" 
    android:duration="200" /  
    
 
 
</animation-list

main.xml

<ImageView 
    android:id="@+id/pic" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentTop="true" 
    android:layout_marginLeft="98dp" 
    android:layout_marginTop="69dp" 
     /  
 
  <Button 
    android:id="@+id/button1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" 
    android:layout_marginBottom="54dp" 
    android:layout_marginLeft="98dp" 
    android:onClick="startMovie" 
    android:text="开始播放电影" /

Activiy代码：

public class MyAnimationDemo extends Activity { 
 
  private AnimationDrawable draw=null; 
  private ImageView image; 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_my_animation_demo); 
    image=(ImageView)super.findViewById(R.id.pic); 
  } 
 
  public void startMovie(View v){ 
    image.setBackgroundResource(R.anim.oldvideo);//第一步，设置图片资源 
    draw=(AnimationDrawable)image.getBackground();//取得图片背景的Drawable 
    draw.setOneShot(false);//动画执行次数 
    draw.start();//开始动画 
     
  } 
 
}

这里我们看到，

第一步，设置图片背景资源

第二步，设置得到图片背景的draw

第三步，设置draw参数，并start（）

实现效果如下，间隔0.2秒即换图，实现老电影动画效果