学习Android动画小结

最新推荐文章于 2022-06-26 16:30:00 发布

ITPlus

最新推荐文章于 2022-06-26 16:30:00 发布

阅读量996

点赞数

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

本文链接：https://blog.csdn.net/Jiang_Rong_Tao/article/details/51325071

版权

android 专栏收录该内容

73 篇文章 2 订阅

订阅专栏

一款App想与用户之间产生的更多的互动，那么就表现在它是否具备很多超炫的动画效果。

今天对android系统自带的动画小小的学习运用了一下，在此我就个人的学习经验小总结一下。

首先我们应该了解Android下三种常用的动画分别是：

Tween Animation 补间动画
Frame Animation 帧动画
Property Animation 属性动画

其中Tween Animation 又分为常用的四种：
ScaleAnimation 缩放动画
RotateAnimation 旋转动画
TranslateAnimation 平移动画
AlphaAnimation 渐变动画

这4中动画分别都有两种实现方式：一种是纯代码形势，一种是在res目录下新建anim目录（res/anim），下面就是最简单的实现方式：

方式一配置xml文件实现
都是通过AnimationUtils这个工具类loadAnimation实现的，如下：

   Animation animation=
                    AnimationUtils.loadAnimation(
                    this,
                    R.anim.continue_anim);
            view.startAnimation(animation);

ScaleAnimation 缩放动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <scale
        android:duration="2000"
        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.0"
        android:toYScale="1.0" />

</set>

RotateAnimation 旋转动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <rotate
        android:duration="1000"
        android:fromDegrees="0"  开始旋转的角度
     android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"   
        android:pivotY="50%" 
        pivotX, pivotY均为50%表示以自身为中心旋转
        android:toDegrees="-360" />
<--toDegrees属性的正负值决定了旋转的方向-->
</set>

TranslateAnimation 平移动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="1000"  动画持续时间(ms)
        android:fromXDelta="0"   开始的x坐标
        android:fromYDelta="0"   开始的y坐标
        android:toXDelta="100"   结束的x坐标 
        android:toYDelta="-100"  结束的y坐标
        android:interpolator="@android:anim/cycle_interpolator"
        插值器可以让动画按照一定的频率运动，实现加速、加速、重复、回弹等效果。具体可以alt+/自己一个个测试一下
        />

</set>

AlphaAnimation 渐变动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <alpha
        android:duration="500"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" >
    </alpha>

</set>

方式二纯代码实现

ScaleAnimation 缩放动画

ScaleAnimation scaleAnimation=new ScaleAnimation(0.5f, 1.0f ,0.5f, 1.0f);
            scaleAnimation.setRepeatMode(TRIM_MEMORY_BACKGROUND);
            scaleAnimation.setDuration(1000);
            view.startAnimation(scaleAnimation);

RotateAnimation 旋转动画

RotateAnimation rotateAnimation = 
new RotateAnimation(0f, 360f, 
Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 0.5f);
rotateAnimation.setDuration(1000);
view.startAnimation(rotateAnimation);

TranslateAnimation 平移动画

TranslateAnimation translateAnimation=
                         new TranslateAnimation(
                                 Animation.RELATIVE_TO_SELF,
                                 1.0f,
                                 Animation.RELATIVE_TO_SELF,
                                 0f,
                                 Animation.RELATIVE_TO_SELF,
                                 1.0f, 
                                 Animation.RELATIVE_TO_SELF, 
                                 0f);
                                   translateAnimation.setDuration(1000);
                    view.startAnimation(translateAnimation);

AlphaAnimation 渐变动画

 AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1.0f);
                alphaAnimation.setDuration(1000);
                view.startAnimation(alphaAnimation);

Frame Animation 帧动画
在drawable目录下放入不同帧的图片资源，然后创建一个.xml的资源文件在animation-list 标签中嵌套多个item实现

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:drawable="@drawable/one"
        android:duration="500"/>
    <item
        android:drawable="@drawable/two"
        android:duration="500"/>
    .......
</animation-list>

代码中直接view.setXXXResource(R.drawable.anim_xxx);

Property Animation 属性动画
属性动画是真正改变view自身的性质的动画，为了兼容低版本我们一般用nineoldandroids-2.4.0.jar来实现我们想要的效果，像ViewHelper，ViewPropertyAnimator等类提供了强大的get和set方法。具体用法自己琢磨。

还有几个动画效果

Intent intent=new Intent(mContext,Test.class);
            startActivity(intent);
//下面这个行代码可以实现界面在切换的时候各种动画效果，也叫做转场动画吧，其中R.anim.in和R.anim.out是在res/anim下的两个xml文件  overridePendingTransition(R.anim.in,R.anim.out);

in.xml 进入新的界面执行的动画。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator" >

    <scale
        android:duration="1000"
        android:fromXScale="0.1"
        android:fromYScale="0.1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

        <alpha
        android:duration="1000"
        android:fromAlpha="0"
        android:toAlpha="1.0" />


       <rotate
        android:duration="1000"
        android:fromDegrees="0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="0%"
        android:pivotY="100%"
        android:toDegrees="-360" />


    <translate
        android:duration="1000"
        android:fromXDelta="100%"
        android:fromYDelta="100%"
        android:interpolator="@android:anim/cycle_interpolator"
        android:toXDelta="0"
        android:toYDelta="0" />

</set>

out.xml 退出当前界面执行的动画。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator"
    android:zAdjustment="top" >

    <scale
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%p"
        android:pivotY="50%p"
        android:toXScale="0.1"
        android:toYScale="0.1" />

    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="1.0"
        android:toAlpha="0" /> 
    <rotate
        android:duration="1000"
        android:fromDegrees="0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="100%"
        android:pivotY="0%"
        android:toDegrees="360" />

    <!--     
    <translate
        android:duration="1000"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:startOffset="1000"
        android:toXDelta="100%"
        android:toYDelta="100%" 
        android:interpolator="@android:anim/cycle_interpolator"
        /> -->

</set>

还有一种给ListView或GridView用的LayoutAnimationController
该类的三个常量分别：

ORDER_NORMAL 按顺序填充条目
ORDER_RANDOM 随机填充条目
ORDER_REVERSE 倒序填充条目

    mlistView.setAdapter(adapter);
LayoutAnimationController mLac=
  newLayoutAnimationController(
  AnimationUtils.loadAnimation(
  this, R.anim.zoom_in));         mLac.setOrder(LayoutAnimationController.ORDER_NORMAL);    
        mlistView.setLayoutAnimation(mLac);
        mlistView.startLayoutAnimation();

OK，也就这样了，下班走起。

ITPlus

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习Android动画小结

一款App想与用户之间产生的更多的互动，那么就表现在它是否具备很多超炫的动画效果。今天对android系统自带的动画小小的学习运用了一下，在此我就个人的学习经验小总结一下。首先我们应该了解Android下三种常用的动画分别是：Tween Animation 补间动画Frame Animation 帧动画Property Animation 属性动画其中Tween Animation
复制链接

扫一扫