动画(一)

动画的分类:
一、视图动画    view animation     
       动画的监听器
         animation.setAnimationListener(new AnimationListener() {    //重写的方法    });
    帧动画(必须针对ImageView来做的
       定义: 一帧一帧的。很多静态图片不断切换的效果。就是图片的切换效果。类似gif动图。
       使用: 
        (1)创建资源文件
                    在res/drawableanimation-list作为根节点
                    属性oneshot:是否重复
                    子节点<item>设置要显示的图片(drawable)和时间(duration)    
        (2)使用步骤
                    //设置图片空间的背景资源
                    img.setBackgroundResource(R.drawable.frame);
                    //获取到静态图片
                    Drawable drawable = img.getBackground();
                    //强制转变成动态图
                    AnimationDrawable animationDrawable = (AnimationDrawable) drawable;
                    //启动动态图片
                    animationDrawable.start();
    补间动画(操作的控件是任意的
       本质上控件还是在原位置,只是它的试图在改变。
        定义:知道开始和结束,将中间的过程给补充起来。
                  组件从初始状态变成结束状态,为了让改变看起来更自然更平滑的的一种动画
        使用:
            1.平移TranslateAnimation
            (1)创建资源文件
                res文件下创建anim文件translate作为根节点
                    属性:
                    android:fromXDelta      x的初始位置:原位置的x坐标+参数
                    android:toXDelta="100"     x的结束位置:原位置的x坐标+参数(像素点
                    注:x坐标向右伸展,y坐标向下伸展
                    android:duration    动画展示的时间    
                    android:fillAfter        让动画保持平移后的状态
                    android:repeatCount        重复的次数     infinite    一直重复移动
                    android:repeatMode        重复的模式
                                                            reverse    来回重复(倒序)
                                                            restart    重新开始(默认的)
                    java代码中:
                    //把一个动画的资源文件加载成一个动画类
                    Animation animation = AnimationUtils.loadAnimation(this, R.anim.mytranslate);
                    TranslateAnimation tAnimation = (TranslateAnimation) animation; //可以不写
                    //启动一个控件展示动画
                    img.startAnimation(tAnimation);
                (2)使用构造方法
                TranslateAnimation animation = new TranslateAnimation(0, 100, 0, 0);
                    /**
                     * RELATIVE_TO_SELF:当前的x,y的坐标长度是相对于自己
                     * RELATIVE_TO_PARENT:当前的x,y的坐标长度是相对于当前控件的父控件
                     * 0:原位置
                     * 1:原控件的1倍
                     */
                    animation = new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF, 0,
                    Animation.RELATIVE_TO_PARENT, 0.5f,   //这里的0.5f是倍数(浮点型)
                    Animation.RELATIVE_TO_SELF, 0, 
                    Animation.RELATIVE_TO_SELF, 0);
                    animation.setDuration(2000);    //设置时间
                    img.startAnimation(animation);
 
            2.缩放ScaleAnimation
               
(1)创建资源文件
                   res/anim文件
scale
作为根节点
                        属性:
                   缩放的倍数
                        android:fromXScale="1", android:fromYScale="1"    初始的x,y的坐标:原来x,y的坐标 * 参数
                        android:pivotX="50%", android:pivotY="50%"    缩放点的x,y坐标
                        java代码中:
                        Animation animation = AnimationUtils.loadAnimation(this, R.anim.myscale);
                        img.startAnimation(animation);
                    (2)使用构造方法
                    /**
                         * fromX:缩放的倍数(默认缩放的中心点:左上角)
                         * pointX:缩放的中心位置(偏移量):偏移量=原来的x的坐标+参数
                         * Animation.RELATIVE_TO_SELF, 0.5f    x+控件的宽度*0.5
                         * Animation.RELATIVE_TO_PARENT, 0.5f    x+手机屏幕的宽度*0.5
                         */
                        ScaleAnimation animation = new ScaleAnimation(0, 1, 0, 1);
                        animation = new ScaleAnimation(0, 1, 0, 1, img.getWidth()/2, img.getHeight()/2);
                        animation = new ScaleAnimation(1, 0, 1, 0, 
                                    Animation.RELATIVE_TO_SELF, 0.5f, 
                                    Animation.RELATIVE_TO_SELF, 0.5f);
 
            3.透明AlphaAnimation
               
(1)创建资源文件
                   res/anim文件alpha
作为根节点
                        属性:
                        android:fromAlpha="1"        开始的透明度(0~1之间)
                        android:toAlpha="0.5"    结束的透明度
                        java代码中:
                        Animation animation = AnimationUtils.loadAnimation(this, R.anim.myalpha);
                        img.startAnimation(animation);
                   (2)使用构造方法
                    AlphaAnimation animation = new AlphaAnimation(1, 0.3f); //  开始和结束的透明度值[0,1]
 
            4.旋转RotateAnimation
               和"缩放"类似
            5.几种动画一起
                 AnimationSet set = new AnimationSet(false); 
                     //false,各自用自己的频率,如果为true,表示都用父控件的频率
                    //添加动画类型,可以同时添加多个
                    set.addAnimation(animation);
                    set.addAnimation(animation);
                    img.startAnimation(set);
 
二、属性动画    property animation
       动画的监听器
         animation.addListener(new AnimatorListener() {    //重写的方法    });
      (1)
创建资源文件
               res/animator文件
objectAnimator
作为根节点
                   属性:
                   android:propertyName="translationY"    设置动画的类型
                   android:valueFrom="0"    设置移动的初始位置
                   android:valueTo="100"    设置移动的结束位置
                    java代码中:
                    //通过一个动画资源加载器去加载一个动画XML文件
                    ObjectAnimator oa = (ObjectAnimator) AnimatorInflater
                                    .loadAnimator(this, R.animator.myobjectanimator);
                    //绑定动画的执行者
                    oa.setTarget(img);
                    oa.start();
        (2)使用构造方法
                /**
                     *     img:动画的执行者
                     *     translationX:动画的名字
                     *     0,100:执行动画的可变参数(中间可以有多个)
                     */
                    //        img.setTranslationX(translationX);    平移
                    //        img.setScaleX(scaleX);    缩放
                    //        img.setAlpha(alpha);    透明
                    //        img.setRotationX(rotation);    旋转
                    ObjectAnimator animator = ObjectAnimator.ofFloat(img, "translationX", 0,50,0,100);
                    animator.setDuration(2000);
                    animator.start();
        几种动画一起:
             AnimatorSet set = new AnimatorSet();
                set.playTogether(oa1,oa2);  //一起执行
         //    set.playSequentially(oa1,oa2);  //按照顺序执行
             set.start();

posted on 2016-08-04 09:33  Sun‘刺眼的博客  阅读(239)  评论(0编辑  收藏  举报

导航