美文网首页
第十五章 动画机制(二)

第十五章 动画机制(二)

作者: 唔笛plk | 来源:发表于2019-01-07 17:01 被阅读0次

    一、组合动画(AnimatorSet 类)

    • 实现 组合动画 的功能:AnimatorSet类
    AnimatorSet.play(Animator anim)   :播放当前动画
    AnimatorSet.after(long delay)   :将现有动画延迟x毫秒后执行
    AnimatorSet.with(Animator anim)   :将现有动画和传入的动画同时执行
    AnimatorSet.after(Animator anim)   :将现有动画插入到传入的动画之后执行
    AnimatorSet.before(Animator anim) :  将现有动画插入到传入的动画之前执行
    
    • java中
    // 步骤1:设置需要组合的动画效果
    ObjectAnimator translation = ObjectAnimator.ofFloat(mButton, "translationX", curTranslationX, 300,curTranslationX);  
    // 平移动画
    ObjectAnimator rotate = ObjectAnimator.ofFloat(mButton, "rotation", 0f, 360f);  
    // 旋转动画
    ObjectAnimator alpha = ObjectAnimator.ofFloat(mButton, "alpha", 1f, 0f, 1f);  
    // 透明度动画
    
    // 步骤2:创建组合动画的对象
    AnimatorSet animSet = new AnimatorSet();  
    
    // 步骤3:根据需求组合动画
    animSet.play(translation).with(rotate).before(alpha);  
    animSet.setDuration(5000);  
    
    // 步骤4:启动动画
    animSet.start();  
    

    xml中:

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android"
        android:ordering="sequentially" >
        // 表示Set集合内的动画按顺序进行
        // ordering的属性值:sequentially & together
        // sequentially:表示set中的动画,按照先后顺序逐步进行(a 完成之后进行 b )
        // together:表示set中的动画,在同一时间同时进行,为默认值
    
        <set android:ordering="together" >
            // 下面的动画同时进行
            <objectAnimator
                android:duration="2000"
                android:propertyName="translationX"
                android:valueFrom="0"
                android:valueTo="300"
                android:valueType="floatType" >
            </objectAnimator>
    
            <objectAnimator
                android:duration="3000"
                android:propertyName="rotation"
                android:valueFrom="0"
                android:valueTo="360"
                android:valueType="floatType" >
            </objectAnimator>
        </set>
    
            <set android:ordering="sequentially" >
                // 下面的动画按序进行
                <objectAnimator
                    android:duration="1500"
                    android:propertyName="alpha"
                    android:valueFrom="1"
                    android:valueTo="0"
                    android:valueType="floatType" >
                </objectAnimator>
                <objectAnimator
                    android:duration="1500"
                    android:propertyName="alpha"
                    android:valueFrom="0"
                    android:valueTo="1"
                    android:valueType="floatType" >
                </objectAnimator>
            </set>
    
    </set>
    
    • 启动代码:
    mButton = (Button) findViewById(R.id.Button);
            // 创建动画作用对象:此处以Button为例
    
            AnimatorSet animator = (AnimatorSet) AnimatorInflater.loadAnimator(this, R.animator.set_animation);
    // 创建组合动画对象  &  加载XML动画
            animator.setTarget(mButton);
            // 设置动画作用对象
            animator.start();
            // 启动动画
    

    二、(帧动画&补间动画&属性动画)三者区别

    • 帧动画可以通过顺序播放资源来实现动画的,补间动画可以实现控件的渐入渐出、移动、旋转和缩放效果。
      但类似利用动画改变View的背景或者改变一个数值或者改变一个对象的属性视图动画就无法完成此类交互工作
    • 视图动画只能作用于视图,实现类似缩放、旋转功能,动画效果比较固定;
      而属性动画可以通过改变View的属性完成动画,利用setxxx()和getxxx()函数可以对Object的任意属性改变,从而可以实现视图动画实现不了的功能
    • 属性动画通过改变view属性实现动画,而视图动画虽然利用动画改变了view的位置和大小,但view真正的属性没有改变。
      总结:
    • a.属性动画比视图动画更强大,不但可以实现缩放、平移等操作,还可以自己定义动画效果,监听动画的过程,在动画过程中或完成后做响应的动作。(更多的交互)
    • b.属性动画不但可以作用于View,还能作用于Object。(更广的使用范围)
    • c.属性动画利用属性的改变实现动画,而视图动画仅仅改变了view的大小位置,但view真正的属性没有改变。(更深的改变层次)

    相关文章

      网友评论

          本文标题:第十五章 动画机制(二)

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