Android通过动画实现图片重复放大和缩小

来源:互联网 发布:快牙mac版 编辑:程序博客网 时间:2024/04/29 22:53
Android动画有两种,Tween Animation(补间动画)和Frame Animation(帧动画),在API11以上的动画被分为三类Property Animation, View Animation(即补间动画)和Drawable Animation(即帧动画,想放电影一样展示图片)。
下面主要说的是Tween Animation。
Tween Animation是对视图对象中的内容进行一系列简单的图形转换,如移动、缩放、旋转、透明变化等。Animation可以通过代码直接实现,也可以通过xml实现。Tween的XML文件放在工程的res/anim目录中,这个目录中要包好一个根元素,可以是<scale>,<transplate>,<alpha>或者<rotate>,表示缩放、平移、透明和旋转,也可以把这些元素都放在一个动画集<set>中,默认情况下在<set>集合中所有动画指令都是同时发生的,为了让他们顺序发生,可以通过每个元素的startOffset属性设置开启动画时间。下面就是一个实现缩放的XML例子:
[html] view plain copy
  1. <?xml version="1.0" encoding"UTF-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:shareInterpolator="false" >  
  4. <scale  
  5.          android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
  6.          android:fromXScale="0.3"  
  7.          android:toXScale="1.0"  
  8.          android:fromYScale="0.3"  
  9.          android:toYScale="1.0"  
  10.          android:pivotX="50%"  
  11.          android:pivotY="50%"  
  12.          android:duration="5000"  
  13.          android:repeatCount="-1"    
  14.          android:repeatMode="reverse" />  
  15. </set>  
这里解释一下这个XML的含义:这里定义了一个缩放<scale>,它放在了集合<set>中,如果只实现单一的缩放,可以不写set,但一般都写上以便于扩展。<scale>属性分析:
android:interpolator:动画的插入器,用于描述动画的运行情况,常用的有accelerate_decelerate_interpolator(先加速后减速),accelerate_interpolator(加速器)等
android:fromXScale:X轴开始动画缩放的比例
android:toXScale:X轴结束时动画缩放的比例
android:fromYScale:Y轴开始动画缩放的比例
android:toYScale:Y轴结束动画缩放的比例,以上四个属性定义了将图片从0.3的比例大小放大到1.0的比例大小(即原大小)
android:pivotX:固定点X轴坐标
android:pivotY:固定点Y轴坐标
android:duration:动画持续时间,5000表示5000毫秒,即5秒
android:repeatCount:动画重复次数,-1表示无限循环重复

Android:repeatMode:重复模式,reverse表示反向进行,在这里先放大,后缩小

动画文件写好后,先写一个布局文件,这样我们就可以在代码中操控这个布局文件实现,在布局文件中添加以下控件:

[html] view plain copy
  1. <ImageView  
  2.        android:id="@+id/image_balloon"  
  3.        android:layout_width="160dp"  
  4.        android:layout_height="220dp"  
  5.        android:layout_alignParentBottom ="true"  
  6.        android:layout_centerHorizontal ="true"  
  7.        android:layout_gravity="center_horizontal"  
  8.        android:src="@drawable/balloon" />  
然后在这个布局文件对应的activity(注意一定要是布局对应的activity,否则会发生资源找不到的错误)中实现以下代码:

[java] view plain copy
  1.  /** 
  2.     * 动画 
  3.     */  
  4. Animation mAnimation = null ;    
  5.     
  6.    /** 
  7.    * 显示动画的ImageView 
  8.    */  
  9. ImageView mImageView = null;   
  10. ......  
  11.   
  12.    mImageView =(ImageView)findViewById(R.id.image_balloon);  
  13.          mAnimation = AnimationUtils.loadAnimation(this,R.anim. balloonscale);  
  14.          mImageView.setAnimation(mAnimation );  
  15.          mAnimation.start();  

实现结果如下:

0 0