属性动画

作者: 北国雪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();

相关文章

  • 属性动画学习使用总结

    Android 属性动画总结 属性动画的优点 属性动画的使用步骤 实例化属性动画对象 设置属性动画的时长 启动属性...

  • [Android动画]属性动画-小球下落动画实现

    属性动画 属性动画是通过直接改变View属性,实现的动画效果。与补间动画不同的是,属性动画是对象的属性的真实改变,...

  • Android动画-属性动画

    属性动画 所谓属性动画,就是改变对象Object的属性来实现动画过程。属性动画是对View的动画的扩展,通过它可以...

  • 动画之属性动画基础篇

    属性动画 属性动画,改变view或者object的属性实现动画,属性动画比补间动画更强大,不但可以实现旋转、平移等...

  • UI(四十八)属性动画

    属性动画->通过改变图层或者视图上面的属性值(支持动画的属性)产生的动画 属性动画的常用方法属性: 1、初始化 +...

  • iOS - 属性动画

    属性动画->通过改变图层或者视图上面的属性值(支持动画的属性)产生的动画 属性动画的常用方法属性: 1、初始化+(...

  • Android 动画

    动画类型 视图动画(补间动画、逐帧动画)属性动画 补间动画 逐帧动画 属性动画 对比 插值器:确定属性值从初始值过...

  • Android Animation 动画介绍与详解

    一、Animation 动画属性 动画相关的属性:SET属性 二、Animation 动画类型 Android的a...

  • 如何在网页中做出炫酷的动画(使用Spine)

    属性动画和帧动画 web中的动画主要分为属性动画和帧动画两种,属性动画是通过改变dom元素的属性如宽高、字体大小或...

  • 属性动画案例二(加载动画)

    继续属性动画,之前写过 属性动画案例一(基础动画与飘心动画) 简单了解了属性动画,这次来点炫酷的~加载动画,先看一...

网友评论

    本文标题:属性动画

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