美文网首页
Android属性动画总结

Android属性动画总结

作者: sgffsg | 来源:发表于2017-03-01 17:38 被阅读910次

    Android属性动画总结

    前言

    动画应该是Android开发中比较常用相当重要的技能之一,有时候多日不用,用的时候脑子一片空白。这里总结下一属性动画的使用,以备不时之需。
    Google官方把动画分为

    • View Animation
    • Drawable Animation
    • Property Animation

    作为一个“老Android开发者”,我们一般这样分:

    • Tween Animation:通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果,即是一种渐变动画;
    • Frame Animation:顺序播放事先做好的图像,是一种画面转换动画。
    • Property Animation:属性动画,通过动态地改变对象的属性从而达到动画效果,属性动画为API 11新特性。

    另外两个动画都比较经典这里就不说了,本文主要总结属性动画,
    Property Animation 属性动画是Android 3.0 (API level 11)才加入的,一般来说官方也比较推荐用它,因为它提供了更多的属性,使用起来更加的灵活

    Android官网Property Animation链接

    简述

    属性动画系统可以让你定义动画的以下属性:

    • 时长
    • 时间插值
    • 重复次数
    • 动画集Animator sets
    • 帧频率

    就像说Java里面说list我们想到了ArrayList,说map我们想到了HashMap,说属性动画我们自然要想到ObjectAnimator,它是属性动画的最典型最重要的类。其他的不是特殊需要可以先不考虑

    基本使用

    单个动画使用

    /**
     * 缩放动画
     * @param v 被缩放的view
     */
    private void scale(View v){
        ObjectAnimator anim = ObjectAnimator.ofFloat(v, "scaleX", 2f);//x方向放大两倍
        anim.setDuration(1000);//时长
        anim.setRepeatCount(2);//重复次数
        anim.setRepeatMode(ValueAnimator.REVERSE);//重复时相反的方向恢复到原来的样子
        anim.setInterpolator(new AccelerateInterpolator());//设置插值器为加速度
        anim.start();
    }
    

    ofFloat的参数:

    • 第一个参数是要操纵的对象view
    • 第二个参数是属性,比如"x","y","pivotX","translationX","rotationX","scaleX","scaleY"等
    • 第三个参数是可变数组参数,是本属性动画相应的变化值,

    ObjectAnimator有那么多方法,这里为什么用ofFloat()而不是ofInt(),ofArgb(),ofMultiFloat()等等,还是那句话它最经典用的最多,这里用它就适合。不要纠结当你发现ofFloat不够用的时候,实现不了的时候再去深入看看其他的

    属性动画顾名思义就是针对属性的动画,那么属性动画的属性们有哪些呢:

    • translationX and translationY:这两个属性控制view距离其布局容器的左上角坐标的偏移量
    • rotation, rotationX, and rotationY:这些属性控制围绕轴点进行的2D和3D的旋转
    • scaleX and scaleY: 控制视图绕其轴点的x轴,y轴的缩放倍数
    • pivotX and pivotY:控制轴点的位置,围绕该点旋转和缩放变换发生。默认情况下,轴点位于对象的中心。
    • x and y: 用于描述在其容器视图中的最终位置,作为左侧值和顶部值以及translationX和translationY值的总和。
    • alpha:View视图的透明度,0是完全透明,1是不透明

    动画集使用

    想要动画效果更加炫酷,肯定不是单一的效果,需要几个动画结合一起执行,这里就要用到AnimatorSet,用法举例:

    /**
     * @param v  执行动画的view
     * @param startBounds  开始的边界
     * @param finalBounds  结束时的边界
     * @param startScale  开始的拉伸比率
     */
    public void startZoomAnim(View v, Rect startBounds, Rect finalBounds, float startScale) {
        AnimatorSet set = new AnimatorSet();
        set.play(
                ObjectAnimator.ofFloat(v, "x", startBounds.left, finalBounds.left))
                .with(ObjectAnimator.ofFloat(v, "y", startBounds.top, finalBounds.top))
                .with(ObjectAnimator.ofFloat(v, "scaleX", startScale, 1f))
                .with(ObjectAnimator.ofFloat(v, "scaleY", startScale, 1f));
    
        set.setDuration(200);
        set.setInterpolator(new DecelerateInterpolator());
        set.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                //
            }
    
            @Override
            public void onAnimationCancel(Animator animation) {
                //
            }
        });
        set.start();
    }
    

    其实真正开发中你会发现也许AnimatorSet也不能满足你的需求,因为设计的效果也许是一连串的动画效果,这时候你就需要加入动画监听器AnimatorListener,监听到动画之行结束启动另外一个动画

    插值器

    想要效果更加灵动活泼自然少不了插值器
    各个插值器效果参考这里
    http://www.cnblogs.com/mengdd/p/3346003.html

    总结

    上面这些都是属性动画的基础知识,也许复杂的动画自己写监听会很复杂,这里推荐一个开源库,操作属性动画很优雅
    https://github.com/florent37/ViewAnimator

    ViewAnimator
           .animate(image)
                .translationY(-1000, 0)
                .alpha(0,1)
           .andAnimate(text)
                .dp().translationX(-20, 0)
                .decelerate()
                .duration(2000)
           .thenAnimate(image)
                .scale(1f, 0.5f, 1f)
                .accelerate()
                .duration(1000)
           .start();
    

    参考链接

    Android官网Property Animation链接

    http://www.jianshu.com/p/0923ab36d682

    http://www.cnblogs.com/mengdd/p/3346003.html

    相关文章

      网友评论

          本文标题:Android属性动画总结

          本文链接:https://www.haomeiwen.com/subject/vtlcgttx.html