欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

android属性动画常用方法总结

程序员文章站 2022-05-03 08:25:05
...

1、单一属性动画ObjectAnimator
该动画包含平移动画:
translationX、translationY
旋转动画:
rotationX、rotationY
缩放动画:
scaleX、scaleY
同时可以设置view缩放和旋转的中性点,设置时需要用到:
pivotX、pivotY
下面是简单的平移到动画的例子,其余动画与此类似:

    /** 平移动画 */
    private void startAnimationTranslate(View view) {
        ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationX", 300);
        animator.setDuration(300);
        animator.start();
        animator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                Toast.makeText(ObjectAnimationTestActivity.this, 
                "动画结束了", Toast.LENGTH_SHORT).show();
            }
        });
    }

2、多个动画可以通过以下两种方式进行组合播放,其中第二种方式可以更方便的控制动画的播放次序

    /** 多种动画同时作用 */
    private void startAnimationPaoperty(View view) {
        PropertyValuesHolder pvh1 = PropertyValuesHolder.ofFloat("translationX", 0);
        // 缩放系数依次为1倍,0倍,1倍,可以无限累加
        PropertyValuesHolder pvh2 = PropertyValuesHolder.ofFloat("scaleX", 1f, 0, 1f);
        PropertyValuesHolder pvh3 = PropertyValuesHolder.ofFloat("scaleY", 1f, 0, 1f);
        ObjectAnimator.ofPropertyValuesHolder(view, pvh1, pvh2, pvh3).
        setDuration(1000).start();
    }


    /** 利用AnimationSet多种动画同时作用 */
    private void startAnimationSet(View view) {
        ObjectAnimator animator1 = ObjectAnimator.ofFloat(view, "translationX", 0);
        ObjectAnimator animator2 = ObjectAnimator.ofFloat(view, "scaleX", 1f, 0, 1f);
        ObjectAnimator animator3 = ObjectAnimator.ofFloat(view, "scaleY", 1f, 0, 1f);
        AnimatorSet set = new AnimatorSet();
        set.setDuration(1000);
        // 动画一起执行
        set.playTogether(animator1, animator2, animator3);
        // 动画顺序执行
        // set.playSequentially(List<Animator> tiems);
        // 一起执行
        // set.play(animator1).with(animator2);
        // 在之前执行
        // set.play(animator1).before(animator2);
        // 之后执行
        // set.play(animator1).after(animator2);
        set.start();
    }

3、通过xml播放属性动画
首先需要定义如下的xml文件,文件位置位于res下面的animator文件夹下

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    <!-- 子动画的播放顺序,当前为同时播放,设置sequentially为从上到下顺序播放 --> 
    android:ordering="together">
    <!-- 对应objectAnimator属性 -->
    <objectAnimator 
        <!-- 属性动画的作用的想的属性的名称 -->
        android:propertyName="scaleX"
        <!-- 动画的时长 -->
        android:duration="300"
        <!-- 动画的起始属性,可以为颜色、int、float值 -->
        android:valueFrom="#444444"
        <!-- 动画属性的结束值,可以为颜色、int、float值 -->
        android:valueTo="#ffffff"
        <!-- 动画延迟,开始后延迟多久执行 -->
        android:startOffset="30"
        <!-- 动画重复次数 ,默认为0,-1表示无线循环-->
        android:repeatCount="0"
        <!-- 动画重复模式 ,当前为连续重复,reverst为逆向重复-->
        android:repeatMode="restart"
        <!-- 属性类型是整形还是浮点型 
            如果propertyName指定的属性表示颜色
            那么不需要指定该属性,系统会自动对颜色属性进行处理-->
        android:valueType="intType">

    </objectAnimator>
    <!-- 对应ValueAnimator属性 -->
    <animator 
        android:duration="3"
        android:valueFrom="#444444"
        android:valueTo="#ffffff"
        android:startOffset="30"
        android:repeatCount="1"
        android:repeatMode="restart"
        android:valueType="intType">

    </animator>
    <set>
        <!-- 也可以放置动画集合 -->
    </set>
</set>

然后再代码中通过如下方式调用:

    /** 使用xml中定义的objectAnimator */
    private void scoleX(View view) {
        Animator anim = AnimatorInflater.loadAnimator(this, R.animator.scalex);
        anim.setTarget(view);
        anim.start();
    }

在实际开发中建议采用代码来实现属性动画,因为在代码中来实现比较简单,而且很多时候,一个属性动画的起始值是无法提前确定,需要在代码中获取到相关的值后,在开始执行对应的动画。

4、通过view本身自带的animate方法来使用属性动画:

    /** android3.0后可以直接对view应用属性动画 */
    private void setViewAnimator(View view) {
        view.animate().alpha(0.5f)// 透明度
                .y(300).// y轴移动到的坐标
                setDuration(300).// 动画时间
                withStartAction(new Runnable() {
                    public void run() {
                        // 动画开始时的逻辑处理
                    }
                }).withEndAction(new Runnable() {
                    public void run() {
                        // 动画结束时的逻辑处理
                    }
                }).start();
    }
<script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('<li/>').text(i)); }; $numbering.fadeIn(1700); }); }); </script>