Android之属性动画(二)_移动开发_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > 移动开发 > Android之属性动画(二)

Android之属性动画(二)

 2015/5/6 17:53:44  杰瑞教育  程序员俱乐部  我要评论(0)
  • 摘要:上一篇文章(链接:http://www.cnblogs.com/jerehedu/p/4458928.html),我们对属性动画有了简单的认识,并实际动手使用ObjectAnimator、AnimatorSet完了一个简单的例子,本次继续对剩余内容进行学习。首先让我们先来了解一下动画是如何计算的呢?从官方文档上我们可以看到下面这张图:图中描述了动画过程中相互工作的主要类,其中ValueAnimator对象可以记录动画时间轨迹。ValueAnimator中含有一个TimeInterpo;ator
  • 标签:android

  上一篇文章(链接:http://www.cnblogs.com/jerehedu/p/4458928.html  ),我们对属性动画有了简单的认识,并实际动手使用ObjectAnimator、AnimatorSet完了一个简单的例子,本次继续对剩余内容进行学习。

  首先让我们先来了解一下动画是如何计算的呢?从官方文档上我们可以看到下面这张图:

 

  图中描述了动画过程中相互工作的主要类,其中ValueAnimator对象可以记录动画时间轨迹。ValueAnimator中含有一个TimeInterpo;ator,此属性用于描述动画的时间插值;含有一个TypeEvaluator,此属性用于指定动画属性值是如何被计算出来的。

  创建一个ValueAnimator并启动动画后,ValueAnimator在动画运行期间会计算一个0到1的分数,这个分数用于表示整个动画运行的百分比。当ValueAnimator计算好一个运行分数后,会调用当前设置的TimeInterpolator去计算插值分数;插值分数计算好后,ValueAnimator调用TypeEvaluator根据插值分数计算属性的值。

  这里的ValueAnmiator就是我们在上一章中使用的ObjectAnimator的父类,需要注意的是ValueAnimator不会直接操作一个对象或者属性,也就意味着我们如果想使用ValueAnimator完成动画,就必须为ValueAnimator添加一个监听器:

                ValueAnimator animator = ValueAnimator.ofFloat(0.0f, 360f);
                animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                    @Override
                    public void onAnimationUpdate(ValueAnimator animation) {
                        //当前动画进度
                        float curValue = (Float) animation.getAnimatedValue();
                        imageView.setRotationX(curValue);
                    }
                });
                animator.setDuration(4000);
                animator.setInterpolator(new DecelerateInterpolator());
                animator.start();

  效果图:

  当ValueAnimator的ofInt、ofFloat不能满足需求是,我们可以使用ofObject方法,这时候需要继承TypeEvaluaot<T>自定义即可。

  除了AnimatorUpdateListener之外,属性动画框架为我们提供了Animator.AnimatorListener监听器:

  Android提供了一个此监听器的默认实现AnimatorListenerAdapter,我们只需要继承此类即可,参考代码如下:

animator.addListener(new AnimatorListenerAdapter() {
                    @Override
                    public void onAnimationEnd(Animator animation) {
                        PropertyValuesHolder holderX =PropertyValuesHolder.ofFloat("translationX",0f,260f);
                        PropertyValuesHolder holderY=PropertyValuesHolder.ofFloat("translationY",0f,260f);
                        ObjectAnimator.ofPropertyValuesHolder(imageView,holderX,holderY)
                                .setDuration(4000)
                                .start();
                    }
                });

  属性动画中常用的属性有:

TranslationX、TranslatioinY:相对于布局容器的左边和上边的坐标值

Rotation、rotationX、rotationY:旋转属性

scalX、scalY:缩放属性

pivotX、pivotY:设置旋转、缩放时的中心点

x、y:坐标

alpha:透明度

  和view动画一样,除了使用java代码完成动画外,我们同样可以使用xml文档来编写属性动画。要注意的是xml文件的目录不再是anim,而是要在res下新建一个animator文件夹用于存放。

  Xml代码如下:

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">
    <set android:ordering="together">
        <objectAnimator android:propertyName="translationX"
            android:valueFrom="0"
            android:valueTo="260"
            android:duration="2000"
            android:valueType="floatType"/>
        <objectAnimator android:propertyName="translationY"
            android:valueFrom="0"
            android:valueTo="260"
            android:valueType="floatType"
            android:duration="2000"/>
    </set>
    <objectAnimator
        android:propertyName="alpha"
        android:valueFrom="1"
        android:valueTo="0"
        android:duration="2000"/>
</set>

  在java中使用:

AnimatorSet animatorSet = (AnimatorSet)AnimatorInflater.loadAnimator(this,R.animator.myanimator);
                animatorSet.setTarget(imageView);
                animatorSet.start();

 

  想要深入学习的同学,可以点击下载源码,查看更多详细内容!

发表评论
用户名: 匿名