安卓动画分两种类型视图动画(帧动画,补间动画)和属性动画(ValueAnimator,ObjectAnimation).视图动画用的较多些,后面一类比较用,这里就不说了。
这里会讲到的动画有视图动画(帧动画,补间动画),属性动画,activity和fragment切换时的动画,viewgroup添加和移除子view时的动画,android随后新的系统api的transition,Scene实现过渡效果,内容还是很多的。下面一一来说。
先从简单的说起:
1. 帧动画:一张张图片不断的切换,形成动画效果
在drawable目录下定义xml文件,子节点为animation-list,在这里定义要显示的图片和每张图片的显示时长
1. 在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>
2.布局文件如下:
<ImageView
android:id="@+id/iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
* 在屏幕上播放帧动画
ImageView iv = (ImageView) findViewById(R.id.iv);
//把动画文件设置为imageView的背景
iv.setBackgroundResource(R.drawable.animations);
AnimationDrawable ad = (AnimationDrawable) iv.getBackground();
//播放动画
ad.start();
2. 补间动画: 原形态变成新形态时为了过渡变形过程,生成的动画就叫补间动画,位移、旋转、缩放、透明,
在XML文件或者java文件中都可定义使用。
xml定义属性:
* Android的animation由四种类型组成:alpha、scale、translate、rotate
2. * 还有个动画集合set可以把以上动画放在一起同时执行
3. * 可以用xml文件定义res/anim文件夹下
4. *
5. * 1.scale标签是缩放动画,可以实现动态调控件尺寸的效果,有下面几个属性:
6.android:fromXScale 起始的X方向上相对自身的缩放比例,浮点值,比如1.0代表自身无变化,0.5代表起始时缩小一倍,2.0代表放大一倍;
7.android:toXScale 结尾的X方向上相对自身的缩放比例,浮点值;
8.android:fromYScale 起始的Y方向上相对自身的缩放比例,浮点值,
9.android:toYScale 结尾的Y方向上相对自身的缩放比例,浮点值;
10.android:pivotX 缩放起点X轴坐标,可以是数值、百分数、百分数p 三种样式,比如 50、50%、50%p,当为数值时,表示在当前View的左上角,即原点处加上50px,做为起始缩放点;如果是50%,表示在当前控件的左上角加上自己宽度的50%做为起始点;如果是50%p,那么就是表示在当前的左上角加上父控件宽度的50%做为起始点x轴坐标。(具体意义,后面会举例演示)
11.android:pivotY 缩放起点Y轴坐标,取值及意义跟android:pivotX一样。
12. *
13. *
14. * android:fillAfter 如果设置为true,控件动画结束时,将保持动画最后时的状态
15. * android:fillBefore 如果设置为true,控件动画结束时,还原到开始动画前的状态
16. *android:repeatCount 重复次数
17.android:repeatMode 重复类型,有reverse和restart两个值,reverse表示倒序回放,restart表示重新放一遍,必须与repeatCount一起使用才能看到效果。因为这里的意义是重复的类型,即回放时的动作。
18.android:interpolator 设定插值器,其实就是指定的动作效果,比如弹跳效果等,不在这小节中讲解,后面会单独列出一单讲解。
19. *
20. *
21. * 2.
22. * alpha标签——调节透明度
23.1、自身属性
24.android:fromAlpha 动画开始的透明度,从0.0 --1.0 ,0.0表示全透明,1.0表示完全不透明
25.android:toAlpha 动画结束时的透明度,也是从0.0 --1.0 ,0.0表示全透明,1.0表示完全不透明
26.
27.
28. 3.Rotate
29. android:fromDegrees 开始旋转的角度位置,正值代表顺时针方向度数,负值代码逆时针方向度数
30.android:toDegrees 结束时旋转到的角度位置,正值代表顺时针方向度数,负值代码逆时针方向度数
31.android:pivotX 缩放起点X轴坐标,可以是数值、百分数、百分数p 三种样式,比如 50、50%、50%p,具体意义已在scale标签中讲述,这里就不再重讲
32.android:pivotY 缩放起点Y轴坐标,可以是数值、百分数、百分数p 三种样式,比如 50、50%、50%p
33.
34.
35. 4.translate标签所具有的属性为:
36.android:fromXDelta 起始点X轴坐标,可以是数值、百分数、百分数p 三种样式,比如 50、50%、50%p,具体意义已在scale标签中讲述,这里就不再重讲
37.android:fromYDelta 起始点Y轴从标,可以是数值、百分数、百分数p 三种样式;
38.android:toXDelta 结束点X轴坐标
39.android:toYDelta 结束点Y轴坐标
public static void start(View view){
// AnimationSet set = new AnimationSet(true);
// set.addAnimation(AnimationUtils.loadAnimation(this, R.anim.scale_anim));
// set.addAnimation(AnimationUtils.loadAnimation(this, R.anim.alpha_anim));
// set.addAnimation(AnimationUtils.loadAnimation(this, R.anim.rotate_anim));
//
// set.setAnimationListener(new AnimationListener() {
// @Override 动画开始前执行这个方法
// public void onAnimationStart(Animation animation) {
// }
//
// @Override 动画重复时执行这个方法
// public void onAnimationRepeat(Animation animation) {
// }@Override 动画结束执行这个方法
// public void onAnimationEnd(Animation animation) {
// view.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.translate_anim));
// }
// });
// view.startAnimation(set);
调用下面set_anim文件
view.startAnimation(AnimationUtils.loadAnimation(view.getContext(), R.anim.set_anim));
}
在res/anim目录下新建set_anim.xml(列举一个),调用文件如下:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<rotate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2500"
android:fillAfter="true"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="360" >
</rotate>
<alpha
android:duration="2500"
android:fromAlpha="0"
android:toAlpha="1" />
<scale
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2500"
android:fromXScale="0"
android:fromYScale="0"
android:pivotX="67%p"
android:pivotY="67%p"
android:toXScale="1"
android:toYScale="1" />
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2500"
android:fromXDelta="0"
android:fromYDelta="0"
android:startOffset="2500"
android:toXDelta="67%p"
android:toYDelta="67%p" >
</translate>
</set>
3. Java代码中实现补间动画:
平移:
* 参数10指的是X的起点坐标,但不是指屏幕x坐标为10的位置,而是imageview的 真实X + 10
* 参数150指的是X的终点坐标,它的值是imageview的 真实X + 150
//创建为位移动画对象,设置动画的初始位置和结束位置
* 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(10, 150, 20, 140);
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);
缩放:
* 参数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高度
Animation.RELATIVE_TO_SEL:表示相对于自己
ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);
ScaleAnimation sa=new ScaleAnimation(0.1f,4,0.1f,4,Animation.RELATIVE_TO_SELF,0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
sa.setRepeatCount(5);
aa.setDuration(2000);
view.startAnimation(sa);
透明:
* 0为完全透明,1为完全不透明
AlphaAnimation aa = new AlphaAnimation(0, 0.5f);
aa.setDuration(2000);
aa.setFileAfter();//保持操作后的状态。
view.startAnimation(aa);
旋转:
* 20表示动画开始时的iv的角度
* 360表示动画结束时iv的角度
* 默认旋转的圆心在iv左上角
* 20,360的意义和上面一样
* 指定圆心坐标,相对于自己,值传入0.5,那么圆心的x坐标:真实X + iv宽度 * 0.5
* 圆心的Y坐标:真实Y + iv高度 * 0.5
Animation.RELATIVE_TO_SEL:表示相对于自己
RotateAnimation ra = new RotateAnimation(20, 360);
RotateAnimation ra = new RotateAnimation(20,360,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
所有动画一起飞
//创建动画集合,一般传false
AnimationSet set = new AnimationSet(false);
//往集合中添加动画
set.addAnimation(aa);
set.addAnimation(sa);
set.addAnimation(ra);
view.startAnimation(set);
动画播放相关的设置
//设置动画持续时间
ta.setDuration(2000);
//动画重复播放的次数
ta.setRepeatCount(1);
//动画重复播放的模式
ta.setRepeatMode(Animation.REVERSE);
//动画播放完毕后,组件停留在动画结束的位置上
ta.setFillAfter(true);
上面的代码还是很简单的,想想如果位置从A平移到B,是应该以什么样的速率来移动呢,默认的是匀速了,所有你也可以指定或者自定义动画过程中要用到的插值器,Interpolator插值器,用来定义动画执行过程中的具体行为,变化速率。插值器也可以用在属性动画上。
/**
2. *Interpolator插值器,用来定义动画执行过程中的具体行为,变化速率
3. *
4. *已经定义好了的插值器有这些
5. *AccelerateDecelerateInterpolator 在动画开始与介绍的地方速率改变比较慢,在中间的时候加速
6.AccelerateInterpolator 在动画开始的地方速率改变比较慢,然后开始加速
7.AnticipateInterpolator 开始的时候向后然后向前甩
8.AnticipateOvershootInterpolator 开始的时候向后然后向前甩一定值后返回最后的值
9.BounceInterpolator 动画结束的时候弹起
10.CycleInterpolator 动画循环播放特定的次数,速率改变沿着正弦曲线
11.DecelerateInterpolator 在动画开始的地方快然后慢
12.LinearInterpolator 以常量速率改变
13.OvershootInterpolator 向前甩一定值后再回到原来位置
14. */
应用插值器,
[java] view plain copy
1.public static void useSystemInterpolator(View view,Interpolator i){
2. AnimationSet set = new AnimationSet(true);
3. set.addAnimation(AnimationUtils.loadAnimation(view.getContext(), R.anim.scale_anim));
4. set.setInterpolator(i);
5. view.startAnimation(set);
6.}
相关文章:https://blog.csdn.net/baidu_26994091/article/details/51674951