继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

动画

米脂
关注TA
已关注
手记 492
粉丝 88
获赞 591

动画的分类:

一、视图动画    view animation     

       动画的监听器

         animation.setAnimationListener(new AnimationListener() {    //重写的方法    });

    帧动画(必须针对ImageView来做的)

       定义: 一帧一帧的。很多静态图片不断切换的效果。就是图片的切换效果。类似gif动图。

       使用: 

        (1)创建资源文件

                    在res/drawable以animation-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();

原文链接:http://www.apkbus.com/blog-832543-61304.html

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP