关闭

Android 动画学习(一)之View Animation

6600人阅读 评论(2) 收藏 举报
分类:

转载请注明出处http://blog.csdn.net/yegongheng/article/details/38366081


Android动画初步

        动画(Animation)在我们日常的Android开发工作当中使用得较为频繁,尤其对于Android游戏这个动画的集合体,掌握动画开发的重要性毋庸置疑。同样的,在Android应用开发中我们也经常使用动画效果来提升APP用户体验,比如应用中的图片的旋转,页面和页面之间的淡入淡出、左右渐入渐出切换效果等等。那从今天开始我们将进入Android 动画的学习阶段,我将带领大家学习并实现一些比较炫的动画效果。

动画的分类

        Android FrameWork向开发人员提供了丰富的API用于实现各种各样的动画效果,而若要对动画分类,一般可将Android动画分为以下两类的动画系统:

View Animation

       View Animation动画系统又可以分类成Tween Animation 和Frame Animation:

     Tween Animation

         Tween Animation是Android系统比较老的一种动画系统,它的特点是通过对场景里的对象不断做图像变换(渐变、平移、缩放、旋转)产生动画效果,且这种动画只适用于View对象。

      Frame Animation

          Frame Animation也是常用到的动画,它的原理比较简单,就是将一系列准备好的图片按照顺序播放,形成动画效果。

Property Animation

       Property Animation(属性动画)是在Android3.0(API 11)之后引入的一种动画系统,该动画提供了比View Animation更加丰富、强大和灵活的功能,Android官方推荐开发人员使用该动画系统来实现动画。Property Animation的特点是动态地改变对象的属性从而达到动画效果。该动画实现使用于包括View在内的任何对象。

初步了解了Android各种动画的分类及特点后,下面我们将一一对这些不同的动画系统进行深入地学习和分析。

Tween Animation

        上面我们了解到Tween Animation是Android中比较老的一种动画系统,且其只能实现对View对象动画设置,不过其虽然没有Property Aniamtion功能那么强大和灵活,但是使用Tween Animation依然能完成我们日常大部分的开发需求。灵活地掌握Tween Animation的使用方法,十分有必要。那Tween Animation实现View的动画,一般分为以下几种效果:
       Alpha:渐变透明动画效果;
       Scale:渐变尺寸伸缩动画效果;
       Translate:位置位移动画效果;
        Rotate:位置旋转动画效果。
接下来我们通过实例来一一学习如何实现以上几种动画效果,实现Tween Animation分为xml实现和代码实现,下面我们都会分别使用这两种方式来实现上面的的几种动画效果。首先我们使用xml方式来实现View的Alpha渐变透明动画效果,在项目目录结构中创建res/anim文件夹,然后在文件夹中创建view_animation_alpha.xml文件,文件中的代码如下:
<!-- 
  * android:interpolator:修饰动画效果,定义动画的变化率,可以使存在的动画效果accelerated(加速),
  *           decelerated(减速),repeated(重复),bounced(弹跳)等。
  * android:fromAlpha="0.0":设置动画开始时控件的透明度,0.0为透明,控件不显示,1.0为不透明,控件全部显示
  * android:toAlpha="1.0":设置动画结束时的控件的透明度
  * android:duration="2500":设置每一次动画持续的时间值
  * android:repeatCount="5":设置动画重复的次数
  * android:repeatMode="reverse":设置动画重复的模式,reverse为0.0 -> 1.0 -> 0.0,动画反复执行;
  * restart为0.0 -> 1.0, 0.0 -> 1.0,动画每次都重新开始执行	
 -->
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:fromAlpha="0.0" 
    android:toAlpha="1.0"
    android:duration="2500"
    android:repeatCount="5"
    android:repeatMode="reverse"
   />
xml文件中的属性在代码中都有详细的解释,这里就不重复说明了。定义完XML文件后,然后在代码中使用AnimationUtils类调用loadAnimation(context, id)方法来加载xml文件,具体代码如下:
/**
* xml文件加载图片渐变(Alpha)动画
*/
Animation mAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation_alpha);
上面是使用xml实现Alpha的动画效果,下面我们来看看如何在代码中实现Alpha的动画,很简单,只需要实例化一个AlphaAnimation对象,然后传递相关参数就行,具体代码如下:
/**
* 代码创建图片渐变(Alpha)动画
* 实例化AlphaAnimation对象:
* mAnimation = new AlphaAnimation(fromAlpha, toAlpha);
* fromAlpha:设置动画开始时控件的透明度,0.0为透明,控件不显示,1.0为不透明,控件全部显示
* toAlpha:设置动画结束时的控件的透明度
*/
Animation mAnimation = new AlphaAnimation(0.0f, 1.0f);
分别使用xml和代码实现Alpha动画后,最后我们为一个ImageView对象设置我们创建好的Alpha动画,ImageView对象只需要调用startAnimation(Animation animation)方法,将刚刚创建好的alpha动画对象作为参数添加传进去搞定,具体代码如下:
ImageView mImageView = (ImageView)findViewById(R.id.view_animation_imageview);
//设置控件开始执行动画
mImageView.startAnimation(mAnimation);
最后运行程序,操作效果效果图如下:

接着实现Scale渐变尺寸伸缩动画效果,同理,也在res/anim文件夹下创建view_animation_scale.xml,文件中的代码如下:
<!-- 
   * android:fromXScale="0.0":设置动画开始时X轴方向的缩放起始值。0.0为X轴方向的控件缩成一点,1.0为X轴方向的控件不缩放
   * android:toXScale="1.0":设置动画结束时X轴方向的缩放结束值。
   * android:fromYScale="0.5":设置动画开始时Y轴方向的缩放起始值。0.0为Y轴方向的控件缩成一点,1.0为Y轴方向的控件不缩放
   * android:toYScale="1.0":设置动画结束时Y轴方向的缩放结束值
   * android:pivotX="100%":动画相对于物件的X坐标的开始位置,当value加了百分号%时(例如80%),则实现相对于控件本身
   *			        的位置而定的,当value是数值时(不加%号),则是指相对于父控件的位置而定的,单位是px。
   * android:pivotY="80%":动画相对于物件的Y坐标的开始位置,当value加了百分号%时(例如80%),则实现相对于控件本身
   *			        的位置而定的,当value是数值时(不加%号),则是指相对于父控件的位置而定的,单位是px。
   * android:duration="2500":设置每一次动画持续的时间值,单位为毫秒(ms)
   * android:repeatCount="5":设置动画重复的次数
   * android:repeatMode="reverse":设置动画重复的模式:
   *	reverse为0.0 -> 1.0 -> 0.0,动画反复执行;
   *	restart为0.0 -> 1.0, 0.0 -> 1.0,动画每次都重新开始执行
 -->
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXScale="0.0"
    android:toXScale="1.0"
    android:fromYScale="0.5"
    android:toYScale="1.0"
    android:pivotX="100%"
    android:pivotY="80%"
    android:duration="2500"
    android:repeatCount="5"
    android:repeatMode="reverse"
   />
然后在代码中使用AnimationUtils类调用loadAniamtion(context,id)方法加载xml文件,具体代码如下:
/**
* xml文件加载图片缩放(Scale)动画
*/
mAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation_scale);
上面是使用xml实现Scale的动画效果,下面我们来看看如何在代码中实现Scale的动画,很简单,只需要实例化一个ScaleAnimation对象,然后传递相关参数就行,具体代码如下:
Animation mAnimation = null;
/**
* 代码创建图片渐变(Scale)动画
* mAnimation = new ScaleAnimation(fromX, toX, fromY, toY, pivotXType, pivotXValue, pivotYType, pivotYValue);
* fromX:设置动画开始时X轴方向的缩放起始值。0.0为X轴方向的控件缩成一点,1.0为X轴方向的控件不缩放;
* toX:设置动画结束时X轴方向的缩放结束值;
* fromY:设置动画开始时Y轴方向的缩放起始值。0.0为Y轴方向的控件缩成一点,1.0为Y轴方向的控件不缩放;
* toY:设置动画结束时Y轴方向的缩放结束值;
* pivotXtype:动画在X轴相对于物件位置类型 ,分为RELATIVE_TO_SELF、RELATIVE_TO_PARENT和ABSOLUTE三种类型:
* 						1、RELATIVE_TO_SELF:相对于控件自身;
* 						2、RELATIVE_TO_PARENT:相对于父控件;
* 						3、ABSOLUTE:绝对坐标;
* pivotXValue:动画相对于物件的X坐标的开始位置;
* pivotYType:动画在Y轴相对于物件位置类型 ,分为RELATIVE_TO_SELF、RELATIVE_TO_PARENT和ABSOLUTE三种类型;
* pivotYValue:动画相对于物件的Y坐标的开始位置;
*/
//mAnimation = new ScaleAnimation(fromX, toX, fromY, toY)
//mAnimation = new ScaleAnimation(fromX, toX, fromY, toY, pivotX, pivotY)
//mAnimation = new ScaleAnimation(fromX, toX, fromY, toY, pivotXType, pivotXValue, pivotYType, pivotYValue)
mAnimation = new ScaleAnimation(0.0f, 1.0f, 0.5f, 1.0f, Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF, 1.0f);
接下来就是为ImageView加载动画并开启动画,实现代码如上面为Imageview加载Alpha动画的代码一样,在这里就不重复列出,具体详细代码可以下载文章末尾的代码进行学习。最后我们运行程序,操作效果图如图下:

接着实现Translate动画效果,同理,在res/anim/文件夹下创建view_animation_translate.xml,文件中的代码如下:
<!-- 
   * android:interpolator:修饰动画效果,定义动画的变化率,可以使存在的动画效果accelerated(加速),
	           decelerated(减速),repeated(重复),bounced(弹跳)等。
   * android:fromXDelta="0%"动画开始执行时X轴方向控件的起始位置,当value加%时(例如80%),意思是相对于控件的原始位置往右的80%控件宽度的位置
   * 					又例如value为-20%时,意思是相对于控件的原始位置往左的20%控件宽度的位置。当Value不加%时(例如80),表示相对于
   * 					控件的原始位置往右80个像素(px)的位置,又如当Value为-20时,即往左20个像素。
   * android:toXDelta="100%"动画结束执行时X轴方向控件的结束位置,Value可以加%,也可以不加%,原理同上
   * android:fromYDelta="0%"动画开始执行时Y轴方向控件的起始位置,Value可以加%,也可以不加%,原理同上
   * android:toYDelta="100%"动画结束执行时Y轴方向控件的结束位置,Value可以加%,也可以不加%,原理同上
   * android:duration="2500"设置每一次动画持续的时间值
   * android:repeatMode="reverse"设置动画重复的模式,reverse为0% -> 100% -> 0%,动画反复执行;
   * 	restart为0% -> 100%, 0% -> 100%,动画每次都重新开始执行
   * android:repeatCount="1"设置动画重复的次数
   * android:startOffset="1000":动画执行前的延迟时间	
   * android:fillEnabled="false"当设置为true时,fillAfter和fillBefroe将会都为true,此时会忽略fillBefore和fillAfter两种属性
   * android:fillAfter="true":当Value为true,表示动画执行结束后停留在结束后的状态
   * android:fillBefore="false":当Value为false:表示动画执行结束后回到动画开始时的状态
 -->
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/bounce_interpolator"
    android:fromXDelta="0%"
    android:toXDelta="100%"
    android:fromYDelta="0%"
    android:toYDelta="100%"
    android:duration="2500"
    android:repeatMode="reverse"
    android:repeatCount="1"
    android:startOffset="1000"
    android:fillEnabled="false"
  	android:fillAfter="true"
  	android:fillBefore="true"
   />
然后在代码中使用AnimationUtils类调用loadAniamtion(context,id)方法加载xml文件,具体代码如下:
//xml文件加载图片位置位移(Translate)动画
mAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation_translate);
上面是使用xml实现Translate的动画效果,下面我们来看看如何在代码中实现Translate的动画,很简单,只需要实例化一个TranslateAnimation对象,然后传递相关参数就行,具体代码如下:
Animation mAnimation = null;
/**
 * 代码创建图片位置位移(Translate)动画
* mAnimation = new TranslateAnimation(fromXType, fromXValue, toXType, toXValue, fromYType,
*  fromYValue, toYType, toYValue);
* fromXType:动画开始执行时在X轴相对于物件位置类型
* fromXValue:动画开始执行时X轴方向的的起始位置,当位置类型为RELATIVE_TO_SELF时,Value取0.0f~1.0f之间,
 * 当位置类型为RELATIVE_TO_PARENT或ABSOLUTE时, Value使用(px)像素值
* toXType:动画结束执行时在X轴相对于物件位置类型
* toXValue:动画结束执行时X轴方向的的结束位置,Value取值方式同上
* fromYType:动画开始执行时在Y轴相对于物件位置类型
* fromYValue:动画开始执行时Y轴方向的的起始位置,Value取值方式同上
* toYType:动画在结束执行时在Y轴相对于物件位置类型
* toYValue:动画结束执行时Y轴方向的的结束位置,Value取值方式同上
*/
//mAnimation = new TranslateAnimation(fromXDelta, toXDelta, fromYDelta, toYDelta);
mAnimation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 1.0f, 
		Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 1.0f);
最后我们运行程序,操作效果图如图下:

接着实现Rotate动画效果,同理,在res/anim/文件夹下创建view_animation_rotate.xml,文件中的代码如下:
<!-- 
  * android:fromDegrees="-50":动画开始执行时的控件起始状态的角度;
  * android:toDegrees="360":动画结束执行时的控件结束状态的角度;
  * android:pivotX="50%":旋转动画的中心点的X轴方向的横坐标,Value加%时,意思是相对于控件的原始位置往右方向的50%控件宽度的位置为横坐标,
  * 						若Value为负值(例如-50%),则表示往左方向;当Value为数值时,则代表相对于屏幕的(px)像素值;
  * android:pivotY="50%":旋转动画的中心店的Y轴方向的纵坐标,原理同上;
  * android:startOffset="1000":动画执行前的延迟时间;
  * android:fillAfter="true":当Value为true,表示动画执行结束后停留在结束后的状态;
  * android:duration="2500":设置每一次动画持续的时间值,单位为毫秒(ms);
  * android:repeatCount="5":设置动画重复的次数;
  * android:repeatMode="reverse":设置动画重复的模式:
  *  	reverse为0.0 -> 1.0 -> 0.0,动画反复执行;
  *  	restart为0.0 -> 1.0, 0.0 -> 1.0,动画每次都重新开始执行
 -->
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
   android:interpolator="@android:anim/accelerate_decelerate_interpolator"
   android:fromDegrees="520"
   android:toDegrees="3600"
   android:pivotX="50%"
   android:pivotY="50%"
   android:startOffset="1000"
   android:fillAfter="true"
   android:duration="2500"
   android:repeatCount="4"
   android:repeatMode="reverse"
   />
然后在代码中使用AnimationUtils类调用loadAniamtion(context,id)方法加载xml文件,具体代码如下:
/**
* xml文件加载图片旋转(Rotate)动画
*/
mAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation_rotate);
上面是使用xml实现Rotate的动画效果,下面我们来看看如何在代码中实现Rotate的动画,很简单,只需要实例化一个RotateAnimation对象,然后传递相关参数就行,具体代码如下:
Animation mAnimation = null;
/**
* 代码创建图片旋转(Rotate)动画
* mAnimation = new RotateAnimation(fromDegrees, toDegrees, pivotXType, pivotXValue, pivotYType, pivotYValue);
* fromDegrees:动画开始执行时的控件起始状态的角度;
* toDegrees:动画结束执行时的控件结束状态的角度;
* pivotXType:动画在X轴相对于物件位置类型 ,分为RELATIVE_TO_SELF、RELATIVE_TO_PARENT和ABSOLUTE三种类型:
* 						1、RELATIVE_TO_SELF:相对于控件自身;
* 						2、RELATIVE_TO_PARENT:相对于父控件;
* 						3、ABSOLUTE:绝对坐标;
* pivotXValue:动画开始执行时X轴方向的的起始位置,当位置类型为RELATIVE_TO_SELF时,Value取0.0f~1.0f之间,当位置类型为RELATIVE_TO_PARENT或ABSOLUTE时,
* 			   Value使用(px)像素值;
* pivotYType:动画在Y轴相对于物件位置类型 ,分为RELATIVE_TO_SELF、RELATIVE_TO_PARENT和ABSOLUTE三种类型;
* pivotYValue:旋转动画的中心店的Y轴方向的纵坐标,原理同上;
*/
//mAnimation = new RotateAnimation(fromDegrees, toDegrees)
//mAnimation = new RotateAnimation(fromDegrees, toDegrees, pivotX, pivotY)
mAnimation = new RotateAnimation(-50f, 360f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
最后我们运行程序,操作效果图如图下:


至此我们就实现了Tween Animation中的Alpha、Scale、Translate和Rotate四种动画效果,那我们就可以根据我们APP的具体需求,定义我们自己的动画,不过除了单独使用这些动画效果外,Android还允许我们使用这几种动画里面的若干种组合成一个动画集合,从而实现更加炫更加多样的动画效果。下面我们也分别使用xml和代码来利用动画集合的方式实现一个图片飞进飞出的动画效果,首先也是在res/anim文件夹下创建一个view_animation_set.xml文件,文件中的代码如下:
<set 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="true"
    android:duration="1000"
    android:repeatMode="reverse"
    android:repeatCount="2"
    >
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.0"
        android:fillAfter="true"
        android:duration="1000"
        android:repeatCount="1"
        android:repeatMode="reverse"
        />
    <scale
        android:fromXScale="1.0"
        android:toXScale="0.0"
        android:fromYScale="1.0"
        android:toYScale="0.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="true"
        android:duration="1000"
        android:repeatCount="1"
        android:repeatMode="reverse"
        />
    <translate
        android:fromXDelta="0%"
        android:toXDelta="100%"
        android:fromYDelta="0%"
        android:toYDelta="100%"
        android:fillAfter="true"
        android:duration="1000"
        android:repeatCount="1"
        android:repeatMode="reverse"
        />
    <rotate 
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="true"
        android:duration="1000"
        android:repeatCount="1"
        android:repeatMode="reverse"
        />
</set>
查看上面代码,我们可以使用一个<set/>节点将动画组合成一个集合,需要注意的是<set/>里面也可以嵌套<set/>。接着在代码中加载xml动画,具体代码如下:
/**
* xml文件加载图片集合(Set)动画
*/
mAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation_set);
上面是使用xml实现Set集合动画效果,下面我们来看看如何在代码中实现Set集合动画,具体代码如下:
/**
 * 代码创建图片集合(Set)动画
*/
AnimationSet mAnimationSet = new AnimationSet(true);
//定义渐变动画对象
AlphaAnimation mAlphaAnimation = new AlphaAnimation(1.0f, 0.0f);
mAlphaAnimation.setRepeatCount(1);
mAlphaAnimation.setRepeatMode(Animation.REVERSE);
mAlphaAnimation.setFillAfter(true);
mAlphaAnimation.setDuration(1000);
//定义缩放动画对象
ScaleAnimation mScaleAnimation = new ScaleAnimation(1.0f, 0.0f, 1.0f, 0.0f,
		Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
mScaleAnimation.setRepeatCount(1);
mScaleAnimation.setRepeatMode(Animation.REVERSE);
mScaleAnimation.setFillAfter(true);
mScaleAnimation.setDuration(1000);
//定义位移动画对象
TranslateAnimation mTranslateAnimation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f, 
		Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 1.0f);
mTranslateAnimation.setRepeatCount(1);
mTranslateAnimation.setRepeatMode(Animation.REVERSE);
mTranslateAnimation.setFillAfter(true);
mTranslateAnimation.setDuration(1000);
//定义旋转动画对象
RotateAnimation mRotateAnimation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f,
		Animation.RELATIVE_TO_SELF, 0.5f);
mRotateAnimation.setRepeatCount(1);
mRotateAnimation.setRepeatMode(Animation.REVERSE);
mRotateAnimation.setFillAfter(true);
mRotateAnimation.setDuration(1000);
//添加动画到集合动画对象中
mAnimationSet.addAnimation(mAlphaAnimation);
mAnimationSet.addAnimation(mScaleAnimation);
mAnimationSet.addAnimation(mTranslateAnimation);
mAnimationSet.addAnimation(mRotateAnimation);
最后我们运行程序,操作效果图如图下:

Frame Animation

       早期的老式电影放映机估计很多人都有所了解,它的播放原理就是在电影胶片上有一幅幅固定的画面,然后在放映的时候通过电机匀速推进切换画面,画面在人们视觉差作用下产生连续的动画效果。这里我们所要学习的Frame Animation的实现原理和老式电影放映机的播放原理是一样的,我们通过将一系列准备好的图片按照顺序播放,形成动画效果,就如同放电影一般。接下来我们就来学习如何在Android中使用Frame Animation,首先我们得准备一系列连续的图片,如图下:
           
           
上面是一系列小机器人走路的连续图片,我们将要做的就是将它们一张张匀速连续播放,从而感觉小机器人在走的动画效果。准备好图片后,我们就将它们一一组织起来,具体怎么设置呢?先在项目中的res/drawable/文件夹下创建drawable_animation_robot.xml文件,文件中具体代码如下:
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false"
    >
    <item android:drawable="@drawable/drawable_animation01" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation02" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation03" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation04" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation05" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation06" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation07" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation08" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation09" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation10" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation11" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation12" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation13" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation14" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation15" android:duration="80"/>
    <item android:drawable="@drawable/drawable_animation16" android:duration="80"/>
</animation-list>
上面代码中,我们将刚准备好的图片使用<animation-list/>将它们一一组合排列,并使用android:duration属性设置每张图片的显示时间,这里设置为80毫秒(ms),其中android:oneshot属性的作用是设置是否只播放一次,设置false则循环播放动画,true则只播放一次动画。
设置完图片后,我们来播放动画,那需要播放连续动画,则我们需借助AnimationDrawable类来完成,AnimationDrawable是实现逐帧动画的帮助类。下面就是我们执行逐帧动画的具体代码实现,如下:
public class LoadingRobotProgressView extends ImageView {

	private AnimationDrawable mAnimationDrawable;
	
	public LoadingRobotProgressView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
		init();
	}
	public LoadingRobotProgressView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		init();
	}
	public LoadingRobotProgressView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		// TODO Auto-generated constructor stub
		init();
	}

	 private void init() {
		   //设置背景
	        this.setBackgroundResource(R.drawable.drawable_animation_robot);
	        //获取当前的背景
	        mAnimationDrawable = (AnimationDrawable) this.getBackground();
	    }

	    /**
	     * 当进入当前窗口时,开启动画
	     */
	    @Override
	    protected void onAttachedToWindow() {
	        super.onAttachedToWindow();
	        mAnimationDrawable.start();
	    }
        /**
         * 当离开当前窗口时,关闭动画
         */
	    @Override
	    protected void onDetachedFromWindow() {
	        super.onDetachedFromWindow();
	        mAnimationDrawable.stop();
	    }
}
好了,所有的编码工作都做完了,下面我们来运行一下程序,看一下具体的效果,如图下:

观察上面的效果图可知,实验成功。

由于篇幅关系,本片文章就讨论Tween Animation 和Frame Animation,下一篇文章我们将学习功能更加强大、灵活的Property Animation,敬请期待!

源代码下载,请戳下面:
11
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Android 动画1--View控件的显示和隐藏效果

显示动画 mShowAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f, ...
  • yhqbsand
  • yhqbsand
  • 2013-07-10 10:58
  • 56619

view 的移动和动画效果

(1)animate():可实现view从一个位置动画移动到另一个位置,且页面重新绘制时不会回到原位 v.animate() .y(rawY + offsetY) .setDuration(...
  • u013708985
  • u013708985
  • 2016-09-21 11:56
  • 795

Android动画之二:View Animation

如上一篇博客《Android动画之一:Drawable Animation》所说,android动画主要分为三大部分,上一篇博客已经讲解Drawable Animation的用法,即逐帧地显示图片,经...
  • CHZiroy
  • CHZiroy
  • 2014-10-26 12:22
  • 31033

android 动画 ——视图动画(View Animation)

android动画分为视图动画(View Animation)、属性动画(Property Animation) 想看属性动画(Property Animation):请移步至 这里我们来说下视图动画...
  • u013424496
  • u013424496
  • 2016-07-01 13:51
  • 3484

Android 用Animation-list实现逐帧动画

第一步:先上图片素材,以下素材放到res/drawable目录下: http://blog.csdn.net/aminfo/article/details/7847761 图片素材: ...
  • AMinfo
  • AMinfo
  • 2012-08-09 15:33
  • 110078

Android动画总结系列(1)——帧动画

本文总结了Android中最基本的动画帧动画的实现方法与AnimationDrawable类的API与关键源码。
  • u013478336
  • u013478336
  • 2016-08-06 17:27
  • 3282

Android 用Animation-list实现逐帧动画详细步骤

1.在res\drawable目录下创建两个文件,分别为animation1.xml及animation2.xml分别用于顺序和倒序显示动画文件,具体创建步骤: (1) (2) ...
  • LLXLQY
  • LLXLQY
  • 2016-08-22 15:15
  • 2838

初学Android,图形图像之在指定点(坐标)播放动画(三十五)

在指定地点播放动画,下面是一个爆炸过程的动画,鼠标点击处播放该动画定义动画资源文件blast.xml
  • lee576
  • lee576
  • 2012-08-29 14:02
  • 3003

android-帧动画、布局动画

本文连接上面的博文:android-属性动画、视图动画 主要说明:帧动画和布局动画。 其中布局动画又分为两部分:通过xml文件实现的布局动画和通过代码实现的布局动画。 帧动画 帧动画相当于一个一个...
  • u010156024
  • u010156024
  • 2015-10-21 20:46
  • 1009

Android中帧动画实现

新建一个framebyframe.xml文件 <!-- oneshot :是否只播放一遍动画 true 播放一遍 false 循环播放
  • chrp99
  • chrp99
  • 2013-07-08 10:47
  • 8788
    个人资料
    • 访问:108897次
    • 积分:1075
    • 等级:
    • 排名:千里之外
    • 原创:24篇
    • 转载:0篇
    • 译文:0篇
    • 评论:32条
    文章存档
    最新评论