Android 三种动画详解及简单实例
时间：2020-11-24 17:13:50|栏目：Android代码|点击： 次
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();
补间动画
- 原形态变成新形态时为了过渡变形过程，生成的动画就叫补间动画，补间动画，只是一个动画效果，组件其实还在原来的位置上，xy没有改变
- 位移、旋转、缩放、透明
位移：
- 参数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);
所有动画一起飞
//创建动画集合
AnimationSet set = new AnimationSet(false);
//往集合中添加动画
set.addAnimation(aa);
set.addAnimation(sa);
set.addAnimation(ra);
iv.startAnimation(set);
属性动画
位移：
- 第一个参数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) ;
所有动画一起飞
//创建动画师集合
AnimatorSet set = new AnimatorSet();
//设置要播放动画的组件
set.setTarget(bt);
//所有动画有先后顺序的播放
//set.playSequentially(oa, oa2, oa3, oa4);
//所有动画一起播放
set.playTogether(oa, oa2, oa3, oa4);
set.start();
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
