前言
在日常开发中,我们有时候需要一些好看的动画效果,这时可以充分利用Android提供的这几种动画来实现,
Android提供了3种类型的动画:
补间动画:补间动画可以应用于View,让你可以定义一系列关于位置、大小、旋转和透明度的改变,从而让
View的内容动起来。
逐帧动画:传统的基于单元格的动画,每一帧显示一个不同的Drawable。逐帧动画可以在一个View中显示,并
使用它的Canvas作为投影屏幕。
属性动画:属性动画系统几乎可以让应用程序中的任何对象动起来,它是一个框架,在一定时间内,通过使用指
定的内插技术来影响任意的对象属性。
补间动画
补间动画通过对场景中的对象不断进行图像变换(透明度、平移、缩放、旋转)产生的动画效果。针对不同的图
像变换动画,Android提供了AlphaAnimation、ScaleAnimation、RotateAnimation、TranslateAnimation等4个类的支
持。
补间动画经常用于:
(1)Activity间的转换。
(2)Activity内的布局间的转换。
(3)相同View中的不同内容见的转换。
(4)为用户提供反馈,例如提示进度、通过“晃动”输入框来说明错误或者无效的数据输入。
补间动画的分类
补间动画是使用Animation类创建的,下面的列表说明了可用的动画类型:
(1)AlphaAnimation:可以改变View的透明度。
(2)RotateAnimation:可以在XY平面上旋转选中的View。
(3)ScaleAnimation:允许缩放选中的View。
(4)TranslateAnimation:可以在屏幕上移动选中的View。
创建移动补间动画
移动是最常见的动画效果,可以通过配置动画文件或编写Java代码来实现补间动画的移动效果。补间动画文件需
要放在res\anim目录中,在动画文件中通过<translate>标签设置移动效果。首先在res\anim目录下建一个动画文件
translate_tween.xml,该文件的内容如下:
<?xml version="1.0" encoding="utf-8"?><translate xmlns:android="http://schemas.android.com/apk/res/android" android:duration="5000" android:fromXDelta="0" android:fromYDelta="0" android:interpolator="@android:anim/accelerate_interpolator" android:toXDelta="60" android:toYDelta="60" ></translate>
public class TranslateTweenActivity extends Activity { private ImageView iv_traslate; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.traslate_layout); initView(); } private void initView(){ iv_traslate=(ImageView) findViewById(R.id.iv_traslate); } @Override public void onWindowFocusChanged(boolean hasFocus) { Animation animation=AnimationUtils.loadAnimation(this, R.anim.translate_tween); iv_traslate.startAnimation(animation); } }
运行的效果如下:
从上面的配置代码可以看出,<translate>标签中设置了6个属性,这6个属性的含义如下:
(1)android:interpolator:表示动画渲染器。通过android:interpolator属性可以设置动画渲染器,比如:
accelerate_interpolator(动画加速器)、decelerate_interpolator(动画减速器)和accelerate_decelerate_interpolator(动
画加速减速器)。动画加速器使动画在开始时速度最慢,然后逐渐加速。动画减速器使动画在开始时速度最快,然后逐
渐加速。动画加速减速器使动画在开始和结束时速度最慢,但在前半部分开始加速,在后半部分开始减速。
(2)android:fromXDelta:动画起始位置的横坐标。
(3)android:toXDelta:动画结束位置的横坐标。
(4)android:fromYDelta:动画起始位置的纵坐标。
(5)android:toXDelta:动画结束位置的纵坐标。
(6)android:duration:动画的持续时间,单位是毫秒。也就是说,动画要在android:duration属性指定的时间内
从起始点移动到结束点。
装载补间动画文件需要使用android.view.animation.AnimationUtils.loadAnimation方法,该方法的定义如下:
public static Animation loadAnimation(Context context, int id)throws NotFoundException
其中id表示动画文件的资源ID。装载translate_tween.xml文件的代码如下:
Animation animation=AnimationUtils.loadAnimation(this, R.anim.translate_tween);
在布局文件中放一个ImageView控件,将补间动画应用到ImageView控件上的方式有如下两种。
(1)使用startAnimation方法,如下:
iv_traslate.startAnimation(animation);
</pre><pre name="code" class="java">
(2)使用Animation.start方法,如下:
iv_traslate.setAnimation(animation);animation.start();
使用上面两种方式开始补间动画都只执行一次。如果想循环显示动画,需要使用如下代码将动画设置成循环状态:
animation.setRepeatCount(Animation.INFINITE);
如果想通过Java代码实现移动补间动画,可以创建android.view.animation.TranslateAnimation对象,如以下代
码:
public class TranslateTweenActivity extends Activity { private ImageView iv_traslate; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.traslate_layout); initView(); } private void initView(){ iv_traslate=(ImageView) findViewById(R.id.iv_traslate); } @Override public void onWindowFocusChanged(boolean hasFocus) { TranslateAnimation mTranslateAnimation=new TranslateAnimation(0, 50, 10, 80); mTranslateAnimation.setInterpolator(new LinearInterpolator()); mTranslateAnimation.setDuration(3000); iv_traslate.setAnimation(mTranslateAnimation); mTranslateAnimation.start(); } }
效果如下:
通过TranslateAnimation类的构造方法可以设置动画起始位置和结束位置的坐标。在创建TranslateAnimation对象
后,可以通过TranslateAnimation类的如下方法设置移动补间动画的其他属性。
(1)setInterpolator:设置动画渲染器。该方法的参数类型是Interpolator,在Android SDK中提供了一些动画渲染
器,例如LinearInterpolator、AccelerateInterpolator等,其中部分动画渲染器可以在动画文件的<translate>标签的
android:interpolator属性设置,而有的动画渲染器需要使用Java代码设置。
(2)setDuration:设置动画的持续时间,该方法相当于设置了<translate>标签的android:duration属性。
创建缩放补间动画
通过<scale>标签可以定义缩放补间动画,如下代码:
scale_tween.xml
<?xml version="1.0" encoding="utf-8"?><scale xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator" android:fromXScale="0.2" android:toXScale="1.0" android:fromYScale="0.2" android:toYScale="1.0" android:pivotX="50%" android:pivotY="50%" android:duration="3000" ></scale>
public class ScaleActivity extends Activity { private ImageView iv_scale; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.scale_layout); initView(); } private void initView() { iv_scale = (ImageView) findViewById(R.id.iv_scale); } @Override public void onWindowFocusChanged(boolean hasFocus) { Animation scaleAnimation = AnimationUtils.loadAnimation(this, R.anim.scale_tween); iv_scale.startAnimation(scaleAnimation); }}
效果如下:
<scale>标签和<translate>标签中有些属性相同的,而有些属性是<sclae>标签特有的,这些属性的含义如下。
(1)android:fromXScale:表示沿x轴缩放的起始比例。
(2)android:toXScale:表示沿x轴缩放的结束比例。
(3)android:fromYScale:表示沿y轴缩放的起始比例。
(4)android:toYScale:表示沿y轴缩放的结束比例。
(5)android:pivotX:表示沿x轴方向缩放的支点位置。如果该属性值为50%,则支点在沿x轴的中心位置。
(6)android:pivotY:表示沿y轴方向缩放的支点位置。如果该属性值为50%,则支点在沿y轴的中心位置。
其中前4个属性的取值规则如下:
(1)0.0:表示收缩到没有。
(2)1.0:表示正常到不收缩。
(3)大于1.0:表示将控件放大到相应的比例,例如值为1.5,表示放大到原控件的1.5倍。
(4)小于1.0:表示将控件缩小到相应的比例,例如值为0.5,表示缩小到原控件的50%。
如果想通过Java代码实现缩放补间动画,可以创建android.view.animation.ScaleAnimation对象,代码如下(效果
同上):
public class ScaleActivity extends Activity { private ImageView iv_scale; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.scale_layout); initView(); } private void initView() { iv_scale = (ImageView) findViewById(R.id.iv_scale); } @Override public void onWindowFocusChanged(boolean hasFocus) { ScaleAnimation mScaleAnimation = new ScaleAnimation(0.2f, 1.0f, 0.2f, 1.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); mScaleAnimation.setInterpolator(new DecelerateInterpolator()); mScaleAnimation.setDuration(3000); iv_scale.startAnimation(mScaleAnimation); }}
创建旋转补间动画
通过<rotate>标签可以定义旋转补间动画。代码如下:
<?xml version="1.0" encoding="utf-8"?><rotate xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/linear_interpolator" android:fromDegrees="0" android:toDegrees="360" android:pivotX="50%" android:pivotY="50%" android:duration="5000" android:repeatMode="restart" android:repeatCount="infinite" ></rotate>
public class RotateActivity extends Activity{ private ImageView iv_rotate; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.rotate_layout); initView(); } private void initView(){ iv_rotate=(ImageView) findViewById(R.id.iv_rotate); } @Override public void onWindowFocusChanged(boolean hasFocus) { Animation rotateAnimation=AnimationUtils.loadAnimation(this, R.anim.rotate_tween); iv_rotate.startAnimation(rotateAnimation); } }
效果如下:
其中<rotate>标签有两个特殊的属性。它们的含义如下:
(1)android:fromDegrees:表示旋转的起始角度。
(2)android:toDegress:表示旋转的结束角度。
在<rotate>标签中还使用如下两个属性设置旋转的次数和模式。
(1)android:repeatCount:设置旋转的次数。该属性需要设置一个整数值,如果该值为0,表示不重复播放动
画。也就是说,对于上面的旋转补间动画,只从0度到360度,动画就会停止。如果属性值大于0,动画会再播放该属
性指定的次数。例如,如果 android:repeatCount属性值为1,动画除了正常播放一次外,还会再播放一次。也就是
说,前面的旋转补间动画会顺序针旋转两周。如果想让补间动画永不停止,可以将android:repeatCount属性值设为
infinite或-1。该属性的默认值是0。
(2)android:repeatMode:设置重复的模式,默认值是restart。该属性只有当android:repeatCount属性值大于0
或是infinite时才起作用。android:repeatMode属性值除了可以是restart外,还可以设为reverse,表示偶数次显示动画时
会做与动画文件定义的方向相反的动作。如果想使用Java代码来设置,可以使用Animation.setRepeatMode方法,该
方法只接收一个int类型的参数,可取的值是Animation.RESTART和Animation.REVERSE。
如果想通过Java代码实现旋转补间动画,可以创建android.view.animation.RotateAnimation对象。代码如下(效
果同上):
public class RotateActivity extends Activity { private ImageView iv_rotate; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.rotate_layout); initView(); } private void initView() { iv_rotate = (ImageView) findViewById(R.id.iv_rotate); } @Override public void onWindowFocusChanged(boolean hasFocus) { RotateAnimation mRotateAnimation = new RotateAnimation(0f, 360f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); mRotateAnimation.setDuration(5000); mRotateAnimation.setRepeatCount(-1); mRotateAnimation.setRepeatMode(Animation.RESTART); iv_rotate.startAnimation(mRotateAnimation); }}
创建透明度补间动画
通过<alpha>标签可以定义透明度补间动画,代码如下:
<?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" > <ImageView android:id="@+id/iv_alpha" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" android:layout_gravity="center" /></LinearLayout>
public class AlphaActivity extends Activity{ private ImageView iv_alpha; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.alpha_layout); initView(); } private void initView(){ iv_alpha=(ImageView) findViewById(R.id.iv_alpha); } @Override public void onWindowFocusChanged(boolean hasFocus) { Animation alphaAnimation=AnimationUtils.loadAnimation(this, R.anim.alpha_tween); iv_alpha.startAnimation(alphaAnimation); } }
效果如下:
其中android:fromAlpha和android:toAlpha属性分别表示起始透明度和结束透明度,这两个属性的值都在0.0~1.0。
属性值为0.0表示完全透明,属性值为1.0表示完全不透明。
如果想通过Java代码实现透明度补间动画,可以创建android.view.animation.AlphaAnimation对象,代码如下
(效果同上):
public class AlphaActivity extends Activity{ private ImageView iv_alpha; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.alpha_layout); initView(); } private void initView(){ iv_alpha=(ImageView) findViewById(R.id.iv_alpha); } @Override public void onWindowFocusChanged(boolean hasFocus) { AlphaAnimation mAlphaAnimation=new AlphaAnimation(1.0f, 0.1f); mAlphaAnimation.setInterpolator(new AccelerateInterpolator()); mAlphaAnimation.setDuration(3000); iv_alpha.startAnimation(mAlphaAnimation); } }
使用动画监听器
AnimationListener可以用于创建一个事件处理程序,当动画开始或者结束的时候触发它。这样就可以在动画开始之前或者结束之后执行某些操作,以下代码监听了动画的开始到结束的事件:
public class RotateActivity extends Activity { private ImageView iv_rotate; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.rotate_layout); initView(); } private void initView() { iv_rotate = (ImageView) findViewById(R.id.iv_rotate); } @Override public void onWindowFocusChanged(boolean hasFocus) { RotateAnimation mRotateAnimation = new RotateAnimation(0f, 360f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); mRotateAnimation.setDuration(5000); mRotateAnimation.setRepeatCount(-1); mRotateAnimation.setRepeatMode(Animation.RESTART); mRotateAnimation.setAnimationListener(new AnimationListener() { @Override public void onAnimationStart(Animation animation) { //在动画开始时执行处理 } @Override public void onAnimationRepeat(Animation animation) { //在动画重复时执行处理 } @Override public void onAnimationEnd(Animation animation) { //在动画完成后执行处理 } }); iv_rotate.startAnimation(mRotateAnimation); }}
逐帧动画
帧动画实际上就是由若干个图像组成的动画,这些图像会以一定的时间间隔进行切换,帧动画有两个比较重要的
属性,一个是android:oneshot属性,用于设置播放模式(是单次播放还是循环播放),一个是android:duration属
性,用于设置每帧的持续时间,单位为毫秒。
以下代码实现如何使用帧动画:
<?xml version="1.0" encoding="utf-8"?><animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> <item android:drawable="@drawable/zzlx1" android:duration="150"/> <item android:drawable="@drawable/zzlx2" android:duration="150"/> <item android:drawable="@drawable/zzlx3" android:duration="150"/> <item android:drawable="@drawable/zzlx4" android:duration="150"/> <item android:drawable="@drawable/zzlx5" android:duration="150"/> <item android:drawable="@drawable/zzlx6" android:duration="150"/> <item android:drawable="@drawable/zzlx7" android:duration="150"/> <item android:drawable="@drawable/zzlx8" android:duration="150"/></animation-list>
通过上面的配置代码可以看出,提供了一组图像,没个图像的持续时间为150毫秒。
public class AnimtionTestActivity extends Activity{ private ImageView iv_show; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.anim_layout1); initView(); } private void initView(){ iv_show=(ImageView) findViewById(R.id.iv_show); } @Override public void onWindowFocusChanged(boolean hasFocus) { final AnimationDrawable anim=(AnimationDrawable) iv_show.getDrawable(); iv_show.post(new Runnable() { @Override public void run() { anim.start(); } }); }}
效果如下:
-------------------------------------------------------------------------------------------------------------------------------------------------------
转载请注明出处:http://blog.csdn.net/hai_qing_xu_kong/article/details/47659179情绪控
版权声明:本文为博主原创文章,未经博主允许不得转载。