动画

1、分类

        <1>视图动画（view animation）

                （1）帧动画（很多静态图片不断切换的效果，类似gif动态图。）

                （2）补间动画（知道开始和结束,将中间的过程给补充起来。组件从初始状态变成结束状态，为了让改变看起来更自然更平滑的的一种动画）

        <2>属性动画（property animation）3.0以上

2、帧动画

        <1>创建资源文件

                （1）在res/drawable以animation-list作为根节点

                            a.属性oneshot：是否显示一次

1. android:oneshot="false"

                            b.子节点<item>设置要显示的图片和时间

1. <item android:drawable= "@drawable/girl_1" android:duration="500"/>

        <2>使用

                （1）用图片控件设置背景setBackgroundResource

1. img = (ImageView) findViewById(R.id.img);
2. //设置图片的背景资源
3. img.setBackgroundResource(R.drawable.frame);

                （2）然后通过getBackground()获取里面的资源，将图片资源Drawable转变为动画资源AnimationDrawable，再启动

1. //获取到静态图片
2. Drawable drawable = img.getBackground();
3. //强制转变成动态图
4. AnimationDrawable animationDrawable = (AnimationDrawable) drawable;
5. //启动动态图片
6. animationDrawable.start();

3、补间动画

        <1>平移（TranslateAnimation）

                （1）构造方法

                        (1)fromXDelta, toXDelta, fromYDelta, toYDelta

                            fromXDelta：动画的初始x坐标为：控件的原始坐标＋参数

                            toXDelta：动画的结束x坐标：控件的原始坐标＋参数

                            fromYDelta：动画的初始y坐标为：控件的原始坐标＋参数

                            toYDelta：动画的结束y坐标：控件的原始坐标＋参数

                        (2)fromXType, fromXValue, toXType, toXValue, fromYType, fromYValue, toYType, toYValue

                            fromXType：

                                    Animation.RELATIVE_TO_SELF

                                    Animation.RELATIVE_TO_PARENT

                            fromXValue：动画的初始x坐标为：控件的原始坐标＋参数*控件/父元素的宽度

                            toXValue：动画的结束x坐标：控件的原始坐标＋参数*控件/父元素的宽度

                            fromyValue：动画的初始y坐标为：控件的原始坐标＋参数*控件/父元素的高度

                （2）设置展示时间setDuration

                （3）设置重复展示次数.setRepeatCount(2): 无限次：Animation.INFINITE

                （4）设置动画停留在最后结束的位置上：.setFillAfter(true)

                （5）设置重复模式：setRepeatMode(Animation.REVERSE/RESTART)

                （6）让某个空间展示动画 控件.startAnimation(ta)

1. //平移
2. public void translate(View view){
3.     //通过XML布局文件实现

4. //把一个动画资源文件加成一个动画类
5. Animation animation=AnimationUtils.loadAnimation(this,R.anim.mytranslate);
6. TranslateAnimation animation2 = (TranslateAnimation) animation;
7. //启动一个控件展示动画
8. img.startAnimation(animation2);
9.  
10.     //通过代码实现
    
11.     TranslateAnimation animation = new TranslateAnimation(0, 100, 0, 0);
    
13. animation = new TranslateAnimation(
14. Animation.RELATIVE_TO_PARENT, 0,
15. Animation.RELATIVE_TO_PARENT, 0.8f,
16. Animation.RELATIVE_TO_SELF, 0,
17. Animation.RELATIVE_TO_SELF, 0);
19. animation.setDuration(2000);//设置时间
20. animation.setFillAfter(true);//保证动画最终的效果
21. animation.setRepeatCount(Animation.INFINITE);//重复次数
22. animation.setRepeatMode(Animation.REVERSE);//重复模式
24. img.startAnimation(animation);
26. }

        <2>缩放（ScaleAnimation）

                （1）构造方法

                        (1)fromX, toX, fromY, toY（其实就是缩放的大小倍数）

                            fromX：动画的初始宽度为参数＊控件的宽度

                            toX：动画的结束宽度为参数＊控件的宽度

                            fromY：动画的初始高度为参数＊控件的高度

                           toY：动画的结束高度为参数＊控件的高度

                        (2)fromX, toX, fromY, toY, pivotX, pivotY

                            pivotX, pivotY:缩放点的x，y坐标

                        (3)fromX, toX, fromY, toY, pivotXType,

                            pivotXValue, pivotYType, pivotYValue

                            pivotXType：缩放类型

                            pivotX, pivotY:（如果类型为相对自己）代表缩放点的x坐标：控件的x＋参数＊控件的宽度

                （2）设置展示时间setDuration

                （3）设置重复展示次数.setRepeatCount(2)

                （4）设置重复模式：setRepeatMode(Animation.REVERSE)

                （5）设置动画停留在最后结束的位置上：.setFillAfter(true)

                （6）让某个空间展示动画 控件.startAnimation(ta)

1. //缩放
2. public void scale(View view){
3. //通过XML布局文件实现动画
4. Animation animation = AnimationUtils.loadAnimation(this, R.anim.myscale);
5. ScaleAnimation animation2 = (ScaleAnimation) animation;
6. img.startAnimation(animation2);
8.     //通过代码实现动画，以下是三种构造方法
9. ScaleAnimation animation = new ScaleAnimation(1, 0, 1, 0);
10. animation = new ScaleAnimation(1, 0, 1, 0, img.getWidth()/2, img.getHeight()/2);
11. animation = new ScaleAnimation(1, 0, 1, 0,
12. Animation.RELATIVE_TO_SELF, 0.5f,
13. Animation.RELATIVE_TO_PARENT, 0.5f);
15. animation.setDuration(2000);
16. img.startAnimation(animation);
18. }

        <3>透明（AlphaAnimation）

                （1）构造方法

                        (1)fromAlpha, toAlpha

                            fromAlpha:开始透明度

                            toAlpha：结束透明度    1:全透明   0:不透

1. //透明
2. public void alpha(View view){
3. //通过XML布局文件实现动画
4. Animation animation = AnimationUtils.loadAnimation(this, R.anim.myalpha);
5. img.startAnimation(animation);
8. /**
9. * 1, 0.5f:开始和结束的透明度值［0，1］
10. */
11. AlphaAnimation animation = new AlphaAnimation(1, 0.5f);
12. animation.setDuration(2000);
13. img.startAnimation(animation);
15. }

        <4>旋转（RotateAnimation）

                （1）构造方法

                        (1)fromDegrees,toDegrees

                            开始角度和结束角度

                        (2)fromDegrees, toDegrees, pivotX, pivotY

                            pivotX, pivotY:旋转点的x，y坐标

                        (3)fromDegrees, toDegrees, pivotXType, pivotXValue, pivotYType, pivotYValue

                            相对位置

                （2）设置展示时间setDuration

                （3）设置重复展示次数.setRepeatCount(2)

                （4）设置动画停留在最后结束的位置上：.setFillAfter(true)

                （5）设置重复模式：setRepeatMode(Animation.REVERSE/RESTART)

                （6）让某个空间展示动画 控件.startAnimation(ta)

1. //旋转
2. public void rotate(View view){
3. //用XML布局文件实现动画
4. Animation animation = AnimationUtils.loadAnimation(this, R.anim.myrotate);
5. img.startAnimation(animation);

 

//通过代码来实现动画

1. RotateAnimation animation = new RotateAnimation(0, -180);
2. //img.getWidth()/2:当前的x＝ 原来的x＋参数
3. animation = new RotateAnimation(0, 360, img.getWidth()/2, img.getHeight()/2);
5. //Animation.RELATIVE_TO_SELF, 0.5f:当前的x ＝原来的x ＋ 控件的宽度＊参数
6. //Animation.RELATIVE_TO_PARENT, 0.5f：当前的x ＝ 原来的x ＋ 当前的父布局的宽度＊参数
7. animation = new RotateAnimation(0, 360,
8. Animation.RELATIVE_TO_SELF, 0.5f,
9. Animation.RELATIVE_TO_SELF, 0.5f);
10. animation.setDuration(2000);
11. img.startAnimation(animation);
13. //绑定动画的监听器
14. animation.setAnimationListener(new AnimationListener() {
15. @Override
16. public void onAnimationStart(Animation animation) {
18. }
19. @Override
20. public void onAnimationRepeat(Animation animation) {
22. }
23. @Override
24. public void onAnimationEnd(Animation animation) {
26. }
27. });
30. }

        <5>用xml文件写补间动画

                在res文件下创建xml文件，文件夹为anim，设置动画类型，时间，重复次数....startOffset:延迟显示时间

1. <?xml version="1.0" encoding="utf-8"?>
2. <scale
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:fromXScale="1"
5. android:toXScale="2"
6. android:fromYScale="1"
7. android:toYScale="2"
8. android:pivotX="50%"
9. android:pivotY="50%"
10. android:duration="2000"
11. android:fillAfter="true"
12. android:repeatCount="1"
13. android:repeatMode="reverse"
14. >
16. <!--
17. 缩放的倍数
18. android:fromXScale,android:fromYScale="1":初始的x，y的坐标：原来x,y的坐标*参数
19. android:pivotX，android:pivotY：缩放点的x,y坐标
20. -->
21. </scale>

                在java文件中AnimationUtils的加载动画方式加载动画文件, 最后启动就可以了

1. Animation animation = AnimationUtils.loadAnimation(this, R.anim.myrotate);
2. img.startAnimation(animation);

        <6>启动所有动画AnimationSet

                （1）set.addAnimation:添加动画

1. //动画集
2. AnimationSet set = new AnimationSet(false);
3. //添加动画类型，可以添加多个
4. //set.addAnimation(a);
5. //set.addAnimation(b);
6. //set.addAnimation(c);
7. //set.addAnimation(d);

                （2）控件.startAnimation(set)启动

1. img.startAnimation(set);

4、属性动画

        <1>ObjectAnimator.ofFloat(  imge, "translationX", -100,100)

                    平移translationX,translationY

                    缩放scaleY,scaleX

                    透明alpha

                    旋转rotationX,rotationY,rotation

        <2>常用设置

                （1）oa.start();//开启动画

                （2）oa.setDuration(2000);//设置时间

                （3）设置重复展示次数.setRepeatCount(2)

                （4）设置重复模式：setRepeatMode(Animation.REVERSE)

        <3>动画集（new AnimatorSet();）

                （1）set.playTogether(ObjectAnimator1,ObjectAnimator2);一起展示

                （2）set.playSequentially(ObjectAnimator1,ObjectAnimator2)挨着展示

                （3）set.start();

        <4>用XML文件写属性动画

                （1）在res文件下创建xml文件，文件夹为animator，子节点为objectAnimator，设置动画类型，时间，重复次数...

1. <?xml version="1.0" encoding="utf-8"?>
2. <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
3. android:duration="2000"
4. android:propertyName="translationY"
5. android:valueFrom="0"
6. android:valueTo="100" >
8. <!--
9. android:propertyName:设置动画类型
10. android:valueFrom="0"：开始的值
11. android:valueTo="100"：结束值
12. -->
14. </objectAnimator>

                （2）在java文件中AnimatorInflater的加载动画方式加载动画文件.loadAnimator(this, R.animator.myanimator)

1. //通过一个动画资源加载器去加载一个动画xml文件
2. ObjectAnimator oa = (ObjectAnimator) AnimatorInflater.loadAnimator(this, R.animator.myobjectanimator);

                （3）最后绑定要展示的控件animator.setTarget(imge);最后启动就可以了

1. //绑定动画的执行者
2. oa.setTarget(img);
3. oa.start();