属性动画

作者: 北国雪WRG | 来源:发表于2018-11-15 21:09 被阅读4次

    01 属性动画背景

    属性动画出现之前,有帧动画和View动画

    • 帧动画(FrameAnimation)就是将一个动画分成多个帧。有点类似胶卷电影。
    • View动画最大的缺点就是不具有交互性。相应器和View动画脱离。优点是效率高。
      为了实现更丰富的动画效果,Google推出了属性动画。

    02 属性动画涉及的类

    描述
    ObjectAnimator 属性动画最重要的类了
    ObjectAnimator.ofFloat(动画View,"属性",值)
    ValueAnimator 这个有点类似于帧动画
    Animator.AnimatorListener 监听动画开始,结束,取消,重复
    AnimatorListenerAdapter 选择性监听

    2.1Class ObjectAnimator

    比如要实现View的X轴方向平移200px

    ObjectAnimator ani = ObjectAnimator.ofFloat(view,"translationX",200);
    ani.setDuration(300); // 设置动画持续时间
    ani.start();
    

    注意:属性动画通过反射实现的。说白的比如你的动画要调整View的高度,那么你的View要有getHeight()方法。如果没有的话可以使用包装类。

    2.2 Class ValueAnimator

    举个栗子:实现类似于LED灯的横幅效果


    加载慢LED.gif
    // Fragment 类中代码
        public void initView(View view) {
            final ImageView v = view.findViewById(R.id.view_movable);
            // 设置水平滑动的范围
            ValueAnimator valueAnimator = ValueAnimator.ofFloat(0, getResources().getDisplayMetrics().widthPixels - v.getLayoutParams().width);
            valueAnimator.setTarget(v);
            valueAnimator.setRepeatCount(-1); //重复次数 ,-1 表示无限循环
            valueAnimator.setRepeatMode(ValueAnimator.REVERSE);
            valueAnimator.setDuration(2000); // 一次动画的时间长度
            valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    float f = (float) animation.getAnimatedValue();
                    ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) v.getLayoutParams();
                    params.leftMargin = (int) f;
                    v.setLayoutParams(params);
                    System.err.print(f); 
                }
            });
            valueAnimator.start(); // 开始动画
        }
    

    2.3 AnimatorListener 动画监听

            valueAnimator.addListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animation) {
                    Log.d("fragment","动画片要要开始了");
                }
    
                @Override
                public void onAnimationEnd(Animator animation) {
                    Log.d("fragment","动画GG");
                }
    
                @Override
                public void onAnimationCancel(Animator animation) {
                    Log.d("fragment","动画被取消了,让我们做一些有趣的事情吧");
                }
    
                @Override
                public void onAnimationRepeat(Animator animation) {
                    Log.d("fragment","再看一片动画");
                }
            });
    
            // 要覆盖的方法太多 怎么办呢? 看下面
            valueAnimator.addListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    super.onAnimationEnd(animation);
                }
            });
    

    2.4 Class AnimatorSet 组合动画

    四个方法

    • after(Animator anim) 看下面代码
    • after(long delay) 将现有的动画延迟执行
    • before(Animator anim) 看下面代码
    • with(Animator anim) 看下面代码
            // 我感觉几个api解释起来比较拗口,直接看下面的play函数
            Animator animator1 = ObjectAnimator.ofFloat(v,"translationX",0.0f,200f,0f);
            Animator animator2 = ObjectAnimator.ofFloat(v,"scaleX",1.0f,2.0f);
            Animator animator3 = ObjectAnimator.ofFloat(v,"rotationX",0.0f,90.0f,0.0f);
            AnimatorSet set = new AnimatorSet();
            set.setDuration(1000);
            set.play(animator1).with(animator2).after(animator3);
            // 从英语的角度,很容易读懂上面这一行代码,先3再1,2同时
            set.start();
    

    Class PropertyValuesHolder 组合动画和Class Animator区别在于动画的执行没有先后顺序

    3 在XML中使用属性动画

    动画设计到的属性都太多了,把它定义在xml可以减少代码数量,而且可以复用。

    1. 在res文件夹下建立animator文件夹,cd进去创建anim.xml 文件
    2. 下面是一个动画的例子
    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
        <objectAnimator
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:duration="3000"
            android:propertyName="scaleX"
            android:valueFrom="1"
            android:valueTo="2"
            android:valueType="floatType">
        </objectAnimator>
    </set>
    
    1. 代码中调用
    Animator animator = AnimatorInflater.loadAnimator(this ,R.animator.anim);
    animator.setTarget(v);
    animator.start();
    

    相关文章

      网友评论

        本文标题:属性动画

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