你的位置:首页 > 操作系统

[操作系统]Android之属性动画(一)


一、概述

  Android平台中常用的动画主要有两类,一类是View动画,一类是3.0后新增的属性动画。属性动画与View动画相比功能更加强大,主要体现在以下两个方面:

1、  属性动画不仅仅能应用到View上,还可以应用到Object对象上。

2、  属性动画将会真正改变Object对象属性的值。

  如此强大的动画,我们没有理由不去学习使用,下面我们就根据API文档的介绍开始学习如何使用属性动画。

二、属性动画的学习与使用

  首先我们要先了解属性动画的一些关键属性,文档中给出了这么几个:

Duration:这个很好理解,动画的持续时间。

Time interpolation:时间差值,主要用来定义动画的变化率,系统中已经提供许多定义好的插值器,具体可以参照下表:

Repeat count and behavior:重复次数和模式,用于定义说明动画的重复次数及如何重复。

Animator sets:动画集合,用于组合动画,可以指定动画的执行顺序。

Frame refresh delay:刷帧延迟。

  了解了这些属性的意义后,我们在来看看与属性动画相关的类有哪些,从表中我们可以看到主要有3个,分别是ValueAnimator、ObjectAnimator、AnimatorSet,其中ObjectAnimator是ValueAnimator的子类。

 

  大多数情况下我们使用ObjectAnimator即可方便的完成非常不错的动画效果,下面让我们先体验一下。先上布局文件,非常简单,只有一张图片和一个按钮。

<??><RelativeLayout ="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent" >  <ImageView     android:layout_width="100dp"    android:layout_height="100dp"    android:id="@+id/imageView"    android:scaleType="fitXY"    android:src="@drawable/animator_img"    android:contentDescription="@null"/>  <Button     android:layout_width="match_parent"    android:layout_height="wrap_content"    android:id="@+id/btnOK"    android:text="OK"    android:layout_alignParentBottom="true"/></RelativeLayout>

  Java:

    findViewById(R.id.btnOK).setOnClickListener(new OnClickListener() {      @Override      public void onClick(View v) {        ObjectAnimator          .ofFloat(imageView, "translationX", 0f,300f)          .setDuration(2000)          .start();      }    });

  效果图如下:

 

  通过以上的演示,我们可以看到使用ObjectAnimator可以非常方便的完成一个动画,仅仅一行代码,同时通过Toast我们可以看出图片的位置属性确实是改变了。

  我们具体了解一下ObjectAnimator,ObjectAnimator提供了ofInt、ofFloat、ofObject等方法,这些方法中基本都需要如下参数:

Object target:动画作用的目标对象。

String propertyName:动画的作用属性,注意目标对象必须为此属性提供get/set方法。

Float/int…  values:可变参数,用于定义动画的起始、中间、结束时的数值。

  默认情况下,动画变化效果是线性,我们可以通过setInterpolator方法设置一个插值器来改变动画的变化率。

  AnimatorSet:用于组合动画 ,下面我们通过一个例子来演示它的具体用法,主要代码如下:

AnimatorSet animatorSet = new AnimatorSet();      ObjectAnimator animator1 = ObjectAnimator.ofFloat(imageView, "x", 0,screenWidth-imgWidth);      animator1.setDuration(2000);      animator1.setInterpolator(new DecelerateInterpolator());            ObjectAnimator animator2 = ObjectAnimator.ofFloat(imageView, "y", 0,screenHeight-imgHeight);      animator2.setDuration(2000);      animator2.setInterpolator(new AccelerateInterpolator());            ObjectAnimator animator3 = ObjectAnimator.ofFloat(imageView, "x", screenWidth-imgWidth,0);      animator3.setDuration(2000);      animator3.setInterpolator(new AccelerateInterpolator());            ObjectAnimator animator4 = ObjectAnimator.ofFloat(imageView, "y", screenHeight-imgHeight,0);      animator4.setDuration(2000);      animator4.setInterpolator(new AccelerateInterpolator());            animatorSet.play(animator1);      animatorSet.play(animator2).after(animator1);      animatorSet.play(animator3).after(animator2);      animatorSet.play(animator4).after(animator3);      animatorSet.start();

  通过以上代码,我们可以看到通过AnimatorSet,我们可以任意组合动画,并且安排它们的执行顺序,图片在屏幕中按照顺时针方向走一周,并且因为插值器的使用,其变化率不一样,执行效果如下:

 

  看懂了吗?想要测试的小伙伴,可以点击下载工程直接运行测试!有问题也可以跟帖留言讨论哦~