Android-Animator属性动画( ObjectAnimator , AnimatorSet , ValueAnimator )

1.回顾

  上篇学习了 Animation 的实现方式 , 后转型了 Ubuntu 下的 Andorid Studio ;

  初次使用Android Studio 开始进行一些 快捷键的设置:

 /**
     * 这里的快捷键有:
     * alt+/  :智能提示
     * alt+enter : 错误补全
     * <p/>
     * 自定义的快捷键设置:
     * Keymap->Main Menu->Code->Completion 里面设置
     * ctrl + shift + L : 提示实现接口
     * ctrl + shift + n :提示重写的方法
     */

2.重点

  (1)Animation和 Animator

  (2)Animator 属性动画的实现方式

  (3)ValueAnimator

3.Animation 和 Animator

  上篇已经学习过有关 Animation 的先关知识,我们知道 通过 Animation 实现的动画,仅仅是 改变了控件或图片的显示效果相当于 重绘了界面 ,而其属性 没有改变;

  Animation 的局限性就在于:只是重绘了画面,而没有改变控件属性;

  示例: 通过按钮 移动图片 Animation 实现

      ImageView imageView = (ImageView) findViewById(R.id.imageView);

            /**
             *   参数: rotation
             translationX
             translationY
             */

            //Animation 方式执行动画
            TranslateAnimation animation=new TranslateAnimation(0.0f,100.0f,0.0f,100.0f);
            animation.setDuration(2000);
            animation.setFillAfter(true);
            imageView.startAnimation(animation);

4.Animator属性动画实现

  4.1 ObjectAnimator

     (1)使用方法

      ObjectAnimator.ofFloat(操作的对象,操作的动画,变化范围)
      .setDuration()
    .start();
  参数: rotation
        translationX
        translationY

     (2)示例

        ObjectAnimator animation=ObjectAnimator.ofFloat(imageView,"translationX",0.0f,200.0f);
            animation.setDuration(1000);
            animation.start();

     (3)多个动画 :同时执行了

      /**
             * ObjectAnimator 方式执行方式
             * 设置三个动画 同时执行了;
             */
            ObjectAnimator animation=ObjectAnimator.ofFloat(imageView,"translationX",0.0f,200.0f);
            animation.setDuration(1000);
            animation.start();

            ObjectAnimator animation1=ObjectAnimator.ofFloat(imageView,"translationY",0.0f,200.0f);
            animation1.setDuration(1000);
            animation1.start();

            ObjectAnimator animation2=ObjectAnimator.ofFloat(imageView,"rotation",0.0f,200.0f);
            animation2.setDuration(1000);
            animation2.start();

   4.2 AnimatorSet + Animator 实现

    (1)使用方式

  多个动画集合
  AnimatorSet  set=new AnimatorSet();
   //同时执行
   .playTogether(属性集合/ObjectAnimator);
   //依次执行
   .playSequentially(ObjectAnimator items);
  .setDuration(时间);
  .start();


  顺序控制:
  .play().with().after().before();

    (2)实现

 /**
             * AnimatorSet
             * 控制 多个动画的运行
             */
            ObjectAnimator animation=ObjectAnimator.ofFloat(imageView,"translationX",0.0f,200.0f);

            ObjectAnimator animation1=ObjectAnimator.ofFloat(imageView,"translationY",0.0f,200.0f);

            ObjectAnimator animation2=ObjectAnimator.ofFloat(imageView,"rotation",0.0f,200.0f);

            AnimatorSet set=new AnimatorSet();
            //多个动画同时执行
            // set.playTogether(animation,animation1,animation2);
            //多个动画按放入位置执行
            // set.playSequentially(animation,animation1,animation2);
            //顺序控制执行
            set.play(animation1).with(animation);
            set.play(animation2).after(animation);

            set.setDuration(1000);
            set.start();

  4.3 PropertyValuesHolder + Animator 

    (1)PropertyValuesHolder

  多个属性集合holder
  PropertyValuesHolder.pfFloat();

    (2)示例

    /**
             * PropertyValuesHolder
             * 属性集合
             * 可以方便调用使用;
             */
            PropertyValuesHolder holder = PropertyValuesHolder.ofFloat("translationX", 0.0f, 200.0f);
            PropertyValuesHolder holder1 = PropertyValuesHolder.ofFloat("translationY", 0.0f, 200.0f);
            //通过ofPropertyValuesHolder 实现
            ObjectAnimator objectAnimator = ObjectAnimator.ofPropertyValuesHolder(imageView, holder, holder1);
            objectAnimator.setDuration(1000);
            objectAnimator.start();

 4.4 监听事件

       //过程监听
   new AnimatorListener()
//某个过程监听
  new AnimatorListenerAdapter()

 4.5 动画菜单实现

  private int[] imgIds = {R.id.icon_down, R.id.icon_error, R.id.icon_left, R.id.icon_light,
            R.id.icon_location, R.id.icon_none, R.id.icon_true};

    private ImageView iv_up;
    private List<ImageView> imageViews = new ArrayList<ImageView>();

    //控制按钮
    private boolean flag = true;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn_id = (Button) findViewById(R.id.btn_id);
        tv = (TextView) findViewById(R.id.tv_show);
        btn_id.setOnClickListener(new btnidListener());

        iv_up = (ImageView) findViewById(R.id.icon_up);
        iv_up.setOnClickListener(this);


        //初始化ImageView
        for (int id : imgIds) {
            ImageView imageView = (ImageView) findViewById(id);
            //给每个菜单设置监听事件
            imageView.setOnClickListener(this);
            imageViews.add(imageView);

        }

    }

    @Override
    public void onClick(View v) {

        switch (v.getId()) {
            case R.id.icon_up:
                if (flag) {
                    startAnim();
                    flag = false;
                } else {
                    closeAnim();
                    flag = true;
                }

                break;
            default:
                Toast.makeText(this, "点击的图片ID为" + v.getId(), Toast.LENGTH_SHORT).show();
                break;

        }

    }

    /**
     * 创建展开动画
     */
    private void startAnim() {

        for (int i = 0; i < imageViews.size(); i++) {
            ObjectAnimator animator = ObjectAnimator.ofFloat(imageViews.get(i), "translationY", 0, i * 100f);
            animator.setDuration(500);
            //设置延时 一个一个出来
            //不设置 同时出来
            //设置插入器 Android 自带有插入器
            animator.setInterpolator(new BounceInterpolator());
            animator.setStartDelay(i * 300);
            animator.start();
        }

    }

    /**
     * 创建收回动画
     */
    private void closeAnim() {
        for (int i = 0; i < imageViews.size(); i++) {
            ObjectAnimator animator = ObjectAnimator.ofFloat(imageViews.get(i),
                    "translationY", i * 100f, 0);
            animator.setDuration(500);
            //设置延时 一个一个出来
            //不设置 同时出来
            //设置插入器 Android 自带有插入器
            animator.setInterpolator(new BounceInterpolator());
            animator.setStartDelay(i * 300);
            animator.start();
        }
    }

    4.6 插值器

(1)AccelerateDecelerateInterpolator
  :开始与结束的地方速率改变比较慢，在中间的时候加速


  (2)AccelerateInterpolator
:开始的地方速率改变比较慢，然后开始加速


(3) AnticipateInterpolator
:开始的时候向后然后向前甩


(4)AnticipateOvershootInterpolator
:开始的时候向后然后向前甩一定值后返回最后的值


(5)LinearInterpolator
:以常量速率改变


  (6)DecelerateInterpolator
:在开始的地方快然后慢


  (7)BounceInterpolator
:动画结束的时候弹起


(8) OvershootInInterpolator
:向前甩一定值后再回到原来位置


(9) CycleInterpolator
:循环播放特定的次数，速率改变沿着正弦曲线

5.ValueAnimator 

  (1)ObjectAnimator继承自ValueAnimator

  是什么?
  数值产生器;
  怎么用?
  ValueAnimator.ofInt();
  AnimatorUpdateListener


  ValueAnimator.ofObject();
  TypeEvaluator<pointF>

  (2)示例 : 计时器

            //ValueAnimator
            ValueAnimator valueAnimator=ValueAnimator.ofInt(0,100);
            valueAnimator.setDuration(5000);
            //添加监听事件
            valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    btn_id.setText(animation.getAnimatedValue().toString());
                }
            });
            valueAnimator.start();

6.总结

  从Eclipse 转过来的 ,现在很喜欢 AS ;