android之动画（一）通过AnimationDrawable控制逐帧动画

最新推荐文章于 2023-03-20 01:18:41 发布

MYBOYER

最新推荐文章于 2023-03-20 01:18:41 发布

阅读量2.8k

点赞数 1

Android基础控件专栏收录该内容

152 篇文章 0 订阅

订阅专栏

android与逐帧动画：

效果图：

当我们点击按钮时，该图片会不停的旋转，当再次点击按钮时，会停止在当前的状态。

activity代码：

[java]view plaincopy 
   
 package cn.com.chenzheng_java.animation;  
   
 import android.app.Activity;  
 import android.graphics.drawable.AnimationDrawable;  
 import android.os.Bundle;  
 import android.view.View;  
 import android.widget.ImageView;  
 /** 
  * @description android中的逐帧动画. 
  * 逐帧动画的原理很简单，跟电影的播放一样，一张张类似的图片不停的切换，当切换速度达到一定值时， 
  * 我们的视觉就会出现残影，残影的出现保证了视觉上变化的连续性，这时候图片的切换看在我们眼中就跟真实的一样了。 
  * 想使用逐帧动画： 
  * 第一步：需要在res/drawable文件夹下新建一个xml文件，该文件详细定义了动画播放时所用的图片、切换每张图片 
  *        所用的时间、是否为连续播放等等。(有些文章说，在res/anim文件夹下放置该文件，事实证明，会出错哦) 
  * 第二步：在代码中，将该动画布局文件，赋值给特定的图片展示控件，如本例子中的ImageView。 
  * 第三步：通过imageView.getBackGround()获取相应的AnimationDrawable对象，然后通过该对象的方法进行控制动画 
  * @author chenzheng_java 
  * 
  */  
 public class Animation1Activity extends Activity {  
     ImageView imageView ;  
     @Override  
     public void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.animation1);  
           
         imageView = (ImageView) findViewById(R.id.imageView_animation1);  
         imageView.setBackgroundResource(R.drawable.animation1_drawable);  
           
     }  
       
       
     public void myClickHandler(View targetButton){  
         // 获取AnimationDrawable对象  
         AnimationDrawable animationDrawable = (AnimationDrawable)imageView.getBackground();  
           
         // 动画是否正在运行  
         if(animationDrawable.isRunning()){  
             //停止动画播放  
             animationDrawable.stop();  
         }  
         else{  
             //开始或者继续动画播放  
             animationDrawable.start();  
         }  
           
           
     }  
 }  

animation1.xml文件：

[xhtml]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
     android:layout_width="match_parent" android:layout_height="match_parent"  
     android:orientation="vertical">  
     <Button  android:id="@+id/button_animation1" android:text="动画开始"  
         android:layout_gravity="center_horizontal" android:layout_width="wrap_content"  
         android:layout_height="wrap_content" android:onClick="myClickHandler"></Button>  
     <ImageView android:id="@+id/imageView_animation1"  
         android:layout_width="fill_parent"   
         android:layout_height="wrap_content" android:layout_weight="1"></ImageView>  
 </LinearLayout>  

存放动画文件的xml文件：

[xhtml]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <!--   
     根标签为animation-list，其中oneshot代表着是否只展示一遍，设置为false会不停的循环播放动画  
     根标签下，通过item标签对动画中的每一个图片进行声明  
     android:duration 表示展示所用的该图片的时间长度  
  -->  
 <animation-list  
   xmlns:android="http://schemas.android.com/apk/res/android"  
   android:oneshot="false"  
   >  
     <item android:drawable="@drawable/a1" android:duration="50"></item>  
     <item android:drawable="@drawable/a2" android:duration="50"></item>  
     <item android:drawable="@drawable/a3" android:duration="50"></item>  
     <item android:drawable="@drawable/a4" android:duration="50"></item>  
     <item android:drawable="@drawable/a5" android:duration="50"></item>  
     <item android:drawable="@drawable/a6" android:duration="50"></item>  
 </animation-list>  

除此之外：在AnimationDrawable中，我们还可以看到如下的几个重要方法：

setOneShot(boolean flag) 和在配置文件中进行配置一样，可以设置动画是否播放一次，false为连续播放；

addFrame (Drawable frame, int duration) 动态的添加一个图片进入该动画中

android之动画（二）通过动画布局声明文件和关联文件为容器布局----布局动画

先上图：

当然，在这里你是无法看到动态的动画效果的，当然如果你将笔者的代码运行，自然是可以看到动画效果的。这里的效果是说，当我们的list中的每一项最终显示为上图中的样子前展示给我们的动画效果。

让我们看看activity代码：

[java] view plain copy

package cn.com.chenzheng_java.animation;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
/**
* @description 布局动画
* 何谓布局动画：将容器内的视图制作成动画，它是补间动画的一种。当
* 前的例子中，我们要将listView容器中的内容做成动画
* @author chenzheng_java
* @since 2011/03/24
*/
public class Animation2Activity extends Activity{
    ListView listView;
    String[]city = new String[]{
            "中关村",
            "海淀剧院",
            "海淀医院",
            "人民大学"
    };


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.animation2);
    listView = (ListView) findViewById(R.id.listView_animation2);
    ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, city);
    listView.setAdapter(adapter);
}


}

animation2.xml布局文件：

[xhtml] view plain copy

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:orientation="vertical">
    <ListView android:layout_width="fill_parent"
    android:id="@+id/listView_animation2"
    android:persistentDrawingCache="animation|scrolling"
    android:layoutAnimation="@anim/animation2_drawable"
    android:layout_height="wrap_content"></ListView>
</LinearLayout>


动画声明文件：

scale_anim.xml

[xhtml] view plain copy

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <scale
    android:fromXScale="1"
    android:toXScale="1"
    android:fromYScale="0.1"
    android:toYScale="1.0"
    android:duration="1000"
    android:pivotX="50%"
    android:pivotY="50%"
    android:startOffset="100">
    </scale>

</set>


动画关联文件：

animation2_drawable.xml

[xhtml] view plain copy

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:delay="30%"
    android:animationOrder="reverse"
    android:animation="@anim/scale_anim"
>
</layoutAnimation>



代码中的注释已经说得很明白了，我就不多说了。我们这里需要注意的是，布局文件中，动画声明文件和动画关联文件的位置都是在res/anim文件夹下哦。

-----------------------------------------------------------------------------------------------

上面只是展示了一个缩放动画，那么常见的动画还有那些呢？

[xhtml] view plain copy

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    
    <rotate
        android:fromDegrees="0.0"
        android:toDegrees="360"
        android:pivotY="50%"
        android:pivotX="50%"
        android:duration="5000"
    ></rotate>
    
    <translate
        android:fromYDelta="-100%"
        android:toYDelta="0"
        android:duration="10000"
    ></translate>
    
    <alpha
        android:fromAlpha="0.0"
        android:toAlpha="1.0"
        android:duration="3000"
    ></alpha>
</set>

在这里，我们可以看到，无论是哪个动画声明文件中，都有这么一行代码：

android:interpolator="@android:anim/accelerate_interpolator"

那么，这行代码到底是干什么用的呢？

这东西，我们在android中叫做插值器。它告诉系统我们的动画的实现细节，例如一个颜色随着时间的变化而变化时，是按照线性变换，还是指数变换？还是开始的时候很快，后边渐渐地开始变慢呢？

我们都知道，@android方式代表着，这里引用的是android系统提供的一个xml布局文件。实际上，这个布局文件是android.view.animation下一个类的映射。这一类的类主要有：

AccelerateDecelerateInterpolator

AccelrateInterpolator

CycleInterpolator

LinearInterpolator

MYBOYER

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android之动画（一）通过AnimationDrawable控制逐帧动画

android与逐帧动画：效果图：当我们点击按钮时，该图片会不停的旋转，当再次点击按钮时，会停止在当前的状态。 activity代码：[java] view plaincopypackage cn.com.chenzheng_java.animation; import android.a
复制链接

扫一扫