在 android.view.animation包中有四种基本的动画 ,透明/伸缩/移动/旋转。 动画类型 Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动画效果 JavaCode中 AlphaAnimation 渐变透明度动画效果 ScaleAnimation 渐变尺寸伸缩动画效果 TranslateAnimation 画面转换位置移动动画效果 RotateAnimation 画面转移旋转动画效果 Android动画模式 Animation主要有两种动画模式: 一种是tweened animation(渐变动画) XML中 JavaCode alpha AlphaAnimation scale ScaleAnimation 一种是frame by frame(画面转换动画) XML中 JavaCode translate TranslateAnimation rotate RotateAnimation Tween动画,这种实现方式可以使视图组件移动、放大、缩小以及产生透明度的变化; 在做项目的过程中,客户要求从左至右播放一次动画的过程,就是采用的是补间动画,设置了动画播放的时间,开始位置与起始位置,播放完毕回到原来的起始位置。 Frame动画,传统的动画方法,通过顺序的播放排列好的图片来实现,类似电影。 在项目过程中,在xml中设置了播放的图片和间隔如下: <?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/wait_1" android:duration="80" /> <item android:drawable="@drawable/wait_2" android:duration="80" /> <item android:drawable="@drawable/wait_3" android:duration="80" /> <item android:drawable="@drawable/wait_4" android:duration="80" /> <item android:drawable="@drawable/wait_5" android:duration="80" /> <item android:drawable="@drawable/wait_6" android:duration="80" /> <item android:drawable="@drawable/wait_7" android:duration="80" /> <item android:drawable="@drawable/wait_8" android:duration="80" /> <item android:drawable="@drawable/wait_9" android:duration="80" /> <item android:drawable="@drawable/wait_10" android:duration="80" /> <item android:drawable="@drawable/wait_11" android:duration="80" /> <item android:drawable="@drawable/wait_12" android:duration="80" /> </animation-list>
类似于一个等待的过程,不断地加载图片,达到动画的效果。
Android 中的动画有帧动画,补间动画,属性动画,她们的忑点和使用方法如下:
###帧动画 > 一张张图片不断的切换,形成动画效果 * 在drawable目录下定义xml文件,子节点为animation-list,在这里定义要显示的图片和每张图片的显示时长 <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> <item android:drawable="@drawable/g1" android:duration="200" /> <item android:drawable="@drawable/g2" android:duration="200" /> <item android:drawable="@drawable/g3" android:duration="200" /> </animation-list> * 在屏幕上播放帧动画 ImageView iv = (ImageView) findViewById(R.id.iv); //把动画文件设置为imageView的背景 iv.setBackgroundResource(R.drawable.animations); AnimationDrawable ad = (AnimationDrawable) iv.getBackground(); //播放动画 ad.start(); ###补间动画 * 原形态变成新形态时为了过渡变形过程,生成的动画就叫补间动画 * 位移、旋转、缩放、透明 #####位移: * 参数10指的是X的起点坐标,但不是指屏幕x坐标为10的位置,而是imageview的 真实X + 10 * 参数150指的是X的终点坐标,它的值是imageview的 真实X + 150 //创建为位移动画对象,设置动画的初始位置和结束位置 TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140); * x坐标的起点位置,如果相对于自己,传0.5f,那么起点坐标就是 真实X + 0.5 * iv宽度 * x坐标的终点位置,如果传入2,那么终点坐标就是 真实X + 2 * iv的宽度 * y坐标的起点位置,如果传入0.5f,那么起点坐标就是 真实Y + 0.5 * iv高度 * y坐标的终点位置,如果传入2,那么终点坐标就是 真实Y + 2 * iv高度 TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2); * 动画播放相关的设置 //设置动画持续时间 ta.setDuration(2000); //动画重复播放的次数 ta.setRepeatCount(1); //动画重复播放的模式 ta.setRepeatMode(Animation.REVERSE); //动画播放完毕后,组件停留在动画结束的位置上 ta.setFillAfter(true); //播放动画 iv.startAnimation(ta); #####缩放: * 参数0.1f表示动画的起始宽度是真实宽度的0.1倍 * 参数4表示动画的结束宽度是真实宽度的4倍 * 缩放的中心点在iv左上角 ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4); * 参数0.1f和4意义与上面相同 * 改变缩放的中心点:传入的两个0.5f,类型都是相对于自己,这两个参数改变了缩放的中心点 * 中心点x坐标 = 真实X + 0.5 * iv宽度 * 中心点Y坐标 = 真实Y + 0.5 * iv高度 ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); #####透明: * 0为完全透明,1为完全不透明 AlphaAnimation aa = new AlphaAnimation(0, 0.5f); #####旋转: * 20表示动画开始时的iv的角度 * 360表示动画结束时iv的角度 * 默认旋转的圆心在iv左上角 RotateAnimation ra = new RotateAnimation(20, 360); * 20,360的意义和上面一样 * 指定圆心坐标,相对于自己,值传入0.5,那么圆心的x坐标:真实X + iv宽度 * 0.5 * 圆心的Y坐标:真实Y + iv高度 * 0.5 RotateAnimation ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); --- #属性动画 * 补间动画,只是一个动画效果,组件其实还在原来的位置上,xy没有改变 ###位移: * 第一个参数target指定要显示动画的组件 * 第二个参数propertyName指定要改变组件的哪个属性 * 第三个参数values是可变参数,就是赋予属性的新的值 * 传入0,代表x起始坐标:当前x + 0 * 传入100,代表x终点坐标:当前x + 100 //具有get、set方法的成员变量就称为属性 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 100) ; ###缩放: * 第三个参数指定缩放的比例 * 0.1是从原本高度的十分之一开始 * 2是到原本高度的2倍结束 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "scaleY", 0.1f, 2); ###透明: * 透明度,0是完全透明,1是完全不透明 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "alpha", 0.1f, 1); ###旋转 * rotation指定是顺时针旋转 * 20是起始角度 * 270是结束角度 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotation", 20, 270); * 属性指定为rotationX是竖直翻转 * 属性指定为rotationY是水平翻转 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotationY", 20, 180); ###可变参数 * 第三个参数可变参数可以传入多个参数,可以实现往回位移(旋转、缩放、透明) ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 70, 30, 100) ;