Android 动画

最新推荐文章于 2023-08-04 17:35:08 发布

LikeBoke

最新推荐文章于 2023-08-04 17:35:08 发布

阅读量219

点赞数 3

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

本文链接：https://blog.csdn.net/LikeBoke/article/details/87074590

版权

android 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

Android中的动画分为逐帧动画和补间动画以及Android 3.0之后的属性动画

一、逐帧动画

逐帧动画是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。简单来说就是一帧一帧的播放图片。其中还有oneshot属性，填入boolean值表示是否为循环播放。

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@drawable/image1"
        android:duration="200" />
    <item
        android:drawable="@drawable/image2"
        android:duration="200" />
    <item
        android:drawable="@drawable/image3"
        android:duration="200" />
</animation-list>

二、补间动画

补间动画指的是做FLASH动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。补间动画可分为alpha淡入淡出、rotate旋转、scale缩放、translate位移4类。可用AnimationUtils.loadAnimation(this, R.anim.alpha_anim);方法获取动画对象。用于操作动画的开始、停止等。

1、alpha淡入淡出

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <alpha
        android:duration="1000"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
    <!--
     透明度控制动画效果 alpha
        fromAlpha 属性为动画起始时透明度
------------------------------------------------
        toAlpha   属性为动画结束时透明度
        说明: 
            0.0表示完全透明
            1.0表示完全不透明
        以上值取0.0-1.0之间的float数据类型的数字
------------------------------------------------
        duration  属性为动画持续时间
        说明:     
            时间以毫秒为单位

    -->

</set>

2、rotate旋转

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <rotate
        android:duration="3000"
        android:fromDegrees="0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="+350" />
    <!--
    rotate 旋转动画效果
       属性：interpolator 指定一个动画的插入器
             在我试验过程中，使用android.res.anim中的资源时候发现
             有三种动画插入器:
                accelerate_decelerate_interpolator   加速-减速 动画插入器
                accelerate_interpolator               加速-动画插入器
                decelerate_interpolator               减速- 动画插入器
             其他的属于特定的动画效果
            fromDegrees 属性为动画起始时物件的角度    
            toDegrees   属性为动画结束时物件旋转的角度 可以大于360度   
                说明:
                     当角度为负数——表示逆时针旋转
                     当角度为正数——表示顺时针旋转              
                     (负数from——to正数:顺时针旋转)   
                     (负数from——to负数:逆时针旋转) 
                     (正数from——to正数:顺时针旋转) 
                     (正数from——to负数:逆时针旋转)       
            pivotX     属性为动画相对于物件的X坐标的开始位置
            pivotY     属性为动画相对于物件的Y坐标的开始位置
                说明:   以上两个属性值 从0%-100%中取值50%为物件的X或Y方向坐标上的中点位置
            duration  属性为动画持续时间
                说明:   时间以毫秒为单位
    -->
</set>

3、scale缩放

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <scale
        android:duration="1000"
        android:fillAfter="false"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.4"
        android:toYScale="1.4" />

<!--
     尺寸伸缩动画效果 scale
       属性：interpolator 指定一个动画的插入器
        在我试验过程中，使用android.res.anim中的资源时候发现
        有三种动画插入器:
            accelerate_decelerate_interpolator  加速-减速 动画插入器
            accelerate_interpolator        加速-动画插入器
            decelerate_interpolator        减速- 动画插入器
        其他的属于特定的动画效果

            fromXScale 属性为动画起始时 X坐标上的伸缩尺寸    
            toXScale   属性为动画结束时 X坐标上的伸缩尺寸     
        
            fromYScale 属性为动画起始时Y坐标上的伸缩尺寸    
            toYScale   属性为动画结束时Y坐标上的伸缩尺寸    
        
            说明:
                 以上四种属性值    
    
                    0.0表示收缩到没有 
                    1.0表示正常无伸缩     
                    值小于1.0表示收缩  
                    值大于1.0表示放大
        
            pivotX     属性为动画相对于物件的X坐标的开始位置
            pivotY     属性为动画相对于物件的Y坐标的开始位置
        
            说明:
                    以上两个属性值 从0%-100%中取值
                    50%为物件的X或Y方向坐标上的中点位置

            duration  属性为动画持续时间
            说明:   时间以毫秒为单位

            fillAfter 属性 当设置为true ，该动画转化在动画结束后被应用
-->
</set>

4、translate位移

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="2000"
        android:fromXDelta="30"
        android:fromYDelta="30"
        android:toXDelta="-80"
        android:toYDelta="300" />
    <!--
     translate 位置转移动画效果
            fromXDelta 属性为动画起始时 X坐标上的位置    
            toXDelta   属性为动画结束时 X坐标上的位置
            fromYDelta 属性为动画起始时 Y坐标上的位置
            toYDelta   属性为动画结束时 Y坐标上的位置
            注意:
                     没有指定fromXType toXType fromYType toYType 时候，
                     默认是以自己为相对参照物             
            duration  属性为动画持续时间
            说明:   时间以毫秒为单位
    -->
</set>

三、属性动画ObjectAnimator

属性动画有个很重要的知识点，动画过后，控件本身真的变换了位置，而不单只是绘制出了效果，由ValueAnimator这个类来负责计算，可以设置动画监听器、播放次数、播放模式等。所有补间动画的内容，都可以通过属性动画完成，所以他也与补间动画一致可分为可分为alpha淡入淡出、rotate旋转、scale缩放、translate位移4类

1、alpha淡入淡出

TextView text = findViewById(R.id.text_view);
ObjectAnimator animator= ObjectAnimator.ofFloat(text, "alpha",1f, 0f, 1f, 0f, 1f, 0f, 1f);
//1000毫秒内由填满到透明再填满再透明再填满再透明再填满...
animator.setDuration(1000);
animator.start();

2、rotate旋转

TextView text = findViewById(R.id.text_view);
ObjectAnimator animator = ObjectAnimator.ofFloat(text, "rotation", 0.0f, 360f);
//一秒内旋转360度
animator.setDuration(1000);
animator.start();

3、scale缩放

TextView text = findViewById(R.id.text_view);
ObjectAnimator animatorY = ObjectAnimator.ofFloat(text, "scaleY", 1f, 5f, 1f);
ObjectAnimator animatorX = ObjectAnimator.ofFloat(text, "scaleX", 1f, 5f, 1f);
//1000毫秒内Y轴与X轴同时放大5倍然后缩回原来的大小
AnimatorSet animSet = new AnimatorSet();
animSet.play(animatorY).with(animatorX);
animSet.setDuration(1000);
animSet.start();

4、translate位移

TextView text = findViewById(R.id.text_view);
float y = text.getTranslationY();
ObjectAnimator animator = ObjectAnimator.ofFloat(text, "translationY",y, y + 100f);
//1000毫秒内Y轴向下位移动100f
animator.setDuration(1000);
animator.start();