Android的动画简单学习

最新推荐文章于 2022-08-22 09:29:30 发布

llayjun

最新推荐文章于 2022-08-22 09:29:30 发布

阅读量344

点赞数 1

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

本文链接：https://blog.csdn.net/llayjun/article/details/53728292

版权

Android 专栏收录该内容

76 篇文章 0 订阅

订阅专栏

一、Android动画的分类

在学习Android动画时，一般Android的动画分类分为：
1、TweenAnimation补间动画（Alpha，Scale，Translate，Rotate）
2、FrameAnimation帧动画
3、PropertyAnimation属性动画

二、TweenAnimation动画

1、主要的属性：
①alpha，渐变透明动画效果
②scale，渐变尺寸伸缩动画效果
③translate，画面转化位置动画效果
④rotate，画面转移旋转动画效果
（在xml文件中定义是新建一个anim的包）
2、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>

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" />

</set><!--
     尺寸伸缩动画效果 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 ，该动画转化在动画结束后被应用

-->

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>

5、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>

6、在代码中使用xml中的动画

//渐变动画
                Animation _alphaAnim = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.alpha_anim);
                mImageView.startAnimation(_alphaAnim);
                //旋转动画
                Animation _rotateAnim = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.rotate_anim);
                mImageView.startAnimation(_rotateAnim);
                //移动动画
                Animation _translateAnim = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.translate_anim);
                mImageView.startAnimation(_translateAnim);
                //缩放动画
                Animation _scaleAnim = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.scale_anim);
                mImageView.startAnimation(_scaleAnim);

7、java代码中也是可以定义动画的，但是官方比较推荐在xml中定义动画
这里以Alpha为例，动态创建动画
AlphaAnimation

①　AlphaAnimation类对象定义
private AlphaAnimation myAnimation_Alpha

②　AlphaAnimation类对象构造
//第一个参数fromAlpha为 动画开始时候透明度
//第二个参数toAlpha为 动画结束时候透明度
AlphaAnimation(float fromAlpha, float toAlpha) 
//说明:0.0表示完全透明,1.0表示完全不透明
myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);

③　设置动画持续时间
//设置时间持续时间为 5000毫秒
myAnimation_Alpha.setDuration(5000);

8、tweenAnimation的多个动画一起使用AnimationSet
①在xml中可以嵌套使用：

<set android:shareInterpolator="false">
    <scale
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromXScale="1.0"
        android:toXScale="1.4"
        android:fromYScale="1.0"
        android:toYScale="0.6"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="false"
        android:duration="700" />
    <set android:interpolator="@android:anim/decelerate_interpolator">
        <scale
           a强调内容ndroid:fromXScale="1.4"
           android:toXScale="0.0"
           android:fromYScale="0.6"
           android:toYScale="0.0"
           android:pivotX="50%"
           android:pivotY="50%"
           android:startOffset="700"
           android:duration="400"
           android:fillBefore="false" />
        <rotate
           android:fromDegrees="0"
           android:toDegrees="-45"
           android:toYScale="0.0"
           android:pivotX="50%"
           android:pivotY="50%"
           android:startOffset="700"
           android:duration="400" />
    </set>
</set>

②在java代码中使用：

AnimationSet _set = new AnimationSet(true);
                //渐变动画
                Animation _alphaAnim = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.alpha_anim);
                //旋转动画
                Animation _rotateAnim = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.rotate_anim);
                //移动动画
                Animation _translateAnim = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.translate_anim);
                //缩放动画
                Animation _scaleAnim = AnimationUtils.loadAnimation(TweenActivity.this, R.anim.scale_anim);
                _set.addAnimation(_alphaAnim);
                _set.addAnimation(_rotateAnim);
                _set.addAnimation(_translateAnim);
                _set.addAnimation(_scaleAnim);
                mImageView.startAnimation(_set);

三、FrameAnimation动画

Frame动画就比较简单了，和放电影是类似的，先放多个图片，然后一帧一帧的播放，在xml文件中定义是在drawable包中
1、在drawable中定义文件：

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@mipmap/card_flip_back_image"
        android:duration="1000" />
    <item
        android:drawable="@mipmap/card_flip_back_image1"
        android:duration="1000" />
    <item
        android:drawable="@mipmap/card_flip_front_image"
        android:duration="1000" />
    <item
        android:drawable="@mipmap/card_flip_front_image1"
        android:duration="1000" />
</animation-list>

2、在布局文件中使用src属性引入动画文件

<ImageView
        android:id="@+id/frame_anim_image_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/frame_animation" />

3、在代码中调用

//定义image
mFrameAnimImageView = (ImageView) findViewById(R.id.frame_anim_image_view);
//使用动画
  AnimationDrawable _drawable = (AnimationDrawable)      mFrameAnimImageView.getDrawable();
  //开始动画
   _drawable.start();
   //结束动画
   //_drawable.stop();