property

最新推荐文章于 2023-06-25 20:51:27 发布

qq_21184657

最新推荐文章于 2023-06-25 20:51:27 发布

阅读量256

点赞数

分类专栏： android 文章标签：动画

android 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

Property Animation（属性动画）使用详解

概念：属性动画可以作用在View的属性上，对属性进行修改，而且不要求对应的属性一定是有显示效果的
属性：
Duration：动画持续时间默认300秒
Time interpolation：时间插值定义动画的变化率
Repeat count and behavior：重复次数、以及重复模式；可以定义重复多少次；重复时从头开始，还是反向。
Animator sets:动画集合，你可以定义一组动画，一起执行或者顺序执行。
ObjectAnimator：动画的执行类
ValueAnimator：动画的执行类
AnimatorInflater：用户加载属性动画的xml文件

其中有两个最主要的类ObjectAnimator，ValueAnimator。

ObjectAnimator实现动画

1、 ObjectAnimator实现动画实现特别简单，只需要一行代码
第一个参数是控件的名称
第二个参数动画的属性
第三个参数动画变化的一组值
ObjectAnimator.ofFloat(img,"rotationY",0.0F,360F).setDuration(1000).start();

源码的方法
`

    public static ObjectAnimator ofFloat(Object target, String propertyName,float...values) {
    ObjectAnimator anim = new ObjectAnimator(target, propertyName);
    anim.setFloatValues(values);
    return anim;
}
`

对于ObjectAnimator还有好多方法ofInt、ofFloat、ofObject，这几个方法都是设置动画作用的元素、作用的属性、动画开始、结束、以及中间的任意个属性值。当对于属性值，只设置一个的时候，会认为当然对象该属性的值为开始（getPropName反射获取），然后设置的值为终点。如果设置两个，则一个为开始、一个为结束

2、 ObjectAnimator的组合动画
如果我们想要实现组合动画在补间动画中可以使用AnimatorSet 如果非要使用ObjectAnimator，可以看一下代码
`

        ObjectAnimator anim = ObjectAnimator 
                    .ofFloat(img, "fly", 1.0F,  0.0F) 
                    .setDuration(500);
                anim.start();
                /**
                 * 将侦听器添加到在动画的生命周期中发送更新事件的侦听器集合。
                 * 在计算动画的值之后，在动画的每个帧的所有侦听器上调用此方法。
                 * 监听每一帧的变化  其中cVal 范围是 1-0之间变化
                 */
            anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                @Override
                public void onAnimationUpdate(ValueAnimator animation) {
                    float cVal = (Float) animation.getAnimatedValue();
                    Log.e("cVal",cVal+"");
                    img.setAlpha(cVal);
                    img.setScaleX(cVal);
                    img.setScaleY(cVal);
                }
            });
`

3、使用propertyValuesHolder实现组合动画

`
            PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("alpha", 1f,
                    0f, 1f);
            PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("scaleX", 1f,
                    0, 1f);
            PropertyValuesHolder pvhZ = PropertyValuesHolder.ofFloat("scaleY", 1f,
                    0, 1f);
            ObjectAnimator.ofPropertyValuesHolder(img, pvhX,pvhY,pvhZ).setDuration(1000).start();

`

ValueAnimator实现动画

实现控件落体的运动

`
    ValueAnimator valueAnimator = ValueAnimator.ofFloat(0, deviceUtil.getHeight() - img.getHeight());
            valueAnimator.setTarget(img);
            valueAnimator.setDuration(1000).start();
            valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener()
            {
                @Override
                public void onAnimationUpdate(ValueAnimator animation)
                {
                    img.setTranslationY((Float) animation.getAnimatedValue());
                }
            });
`

实现抛体运动：

    `
    ValueAnimator valueAnimator = new ValueAnimator();  
    valueAnimator.setDuration(3000);  
    valueAnimator.setObjectValues(new PointF(0, 0));  
    valueAnimator.setInterpolator(new LinearInterpolator());  
    valueAnimator.setEvaluator(new TypeEvaluator<PointF>()  
    {  
        // fraction = t / duration  
        @Override  
        public PointF evaluate(float fraction, PointF startValue,  
                PointF endValue)  
        {  
            Log.e(TAG, fraction * 3 + "");  
            // x方向200px/s ，则y方向0.5 * 10 * t  
            PointF point = new PointF();  
            point.x = 200 * fraction * 3;  
            point.y = 0.5f * 200 * (fraction * 3) * (fraction * 3);  
            return point;  
        }  
    });  

    valueAnimator.start();  
    valueAnimator.addUpdateListener(new AnimatorUpdateListener()  
    {  
        @Override  
        public void onAnimationUpdate(ValueAnimator animation)  
        {  
            PointF point = (PointF) animation.getAnimatedValue();  
            mBlueBall.setX(point.x);  
            mBlueBall.setY(point.y);  

        }  
    });  `

上面段代码可以看出距离的设置是在setEvaluator方法中写的在addUpdateListener中实现动画你们可以写出打印语句，也可以直接在addUpdateListener中袖距离的设置方法和动画的实现。

从以上的两个代码中可以看出来setObjectValues中设置的是Object,并且自定义TypeEvaluator传入的泛型可以根据自己的需求，所以可以自己设计个Bean。在addUpdateListener监听中实现你想要的动画。

监听动画的事件

对于动画，一般都是一些辅助效果，比如我要删除个元素，我可能希望是个淡出的效果，但是最终还是要删掉，并不是你透明度没有了，还占着位置，所以我们需要知道动画如何结束。

`ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(img,"alpha",1.0f,0.0f);
            objectAnimator.addListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animation) {
                    Log.e("animation","开始");
                }

                @Override
                public void onAnimationEnd(Animator animation) {
                    Log.e("animation","结束");
                }

                @Override
                public void onAnimationCancel(Animator animation) {
                    Log.e("animation","取消");
                }

                @Override
                public void onAnimationRepeat(Animator animation) {
                    Log.e("animation","重置");
                }
            });
            objectAnimator.start();`

这样就可以监听动画的开始、结束、被取消、重复等事件~但是有时候会觉得，我只要知道结束就行了，这么长的代码我不能接收，那你可以使用AnimatorListenerAdapter

`
anim.addListener(new AnimatorListenerAdapter()  
{  
@Override  
public void onAnimationEnd(Animator animation)  
{  
    Log.e(TAG, "onAnimationEnd");  
    ViewGroup parent = (ViewGroup) mBlueBall.getParent();  
    if (parent != null)  
        parent.removeView(mBlueBall);  
}  
});  `

AnimatorSet的使用

AnimatorSet 动画的组合直接上代码吧

`ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(img,"alpha",1.0f,0.0f);
            ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(img,"rotateX",deviceUtil.getHeight());
            AnimatorSet animatorSet = new AnimatorSet();
            animatorSet.setDuration(1000);
            animatorSet.setInterpolator(new LinearInterpolator());
            /**
             * 两个动画同事进行
             */
            animatorSet.playTogether(objectAnimator,objectAnimator1);
            animatorSet.start();`  


`  float cx = img.getX();
            ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(img,"alpha",1.0f,0.0f);
            ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(img,
                    "x", cx);
            ObjectAnimator objectAnimator2 = ObjectAnimator.ofFloat(img, "scaleX",
                    1.0f, 2f);
            ObjectAnimator objectAnimator3 = ObjectAnimator.ofFloat(img, "scaleY",
                    1.0f, 2f);
            AnimatorSet animatorSet = new AnimatorSet();
            animatorSet.setDuration(1000);
            animatorSet.setInterpolator(new LinearInterpolator());
            /**
             * 3个动画同事进行 objectAnimator后面执行
             */
            animatorSet.play(objectAnimator1).with(objectAnimator2).with(objectAnimator3).after(objectAnimator);
        //animatorSet.playSequentially(objectAnimator1, objectAnimator2, objectAnimator3);//分步执行
        //animatorSet.playTogether(objectAnimator1, objectAnimator2, objectAnimator3);//同步执行

        //属性动画的执行顺序控制
        // 先同步执行动画objectAnimator1和objectAnimator2,然后再执行objectAnimator3
        animatorSet.play(objectAnimator1).with(objectAnimator2);
        animatorSet.play(objectAnimator2).after(objectAnimator3)
            animatorSet.start();`