【Android - 进阶】之Animation补间动画

  补间动画也叫View动画,它只能针对View进行动画操作,且补间动画操作的只是View中可见的部分,即只操作界面,对于可点击区域等都不会进行操作。

  在Android中,补间动画的顶级类是Animation。补间动画包括对View的透明度、缩放、平移、旋转进行动画操作,对应的JAVA类分别是AlphaAnimation、ScaleAnimation、TranslateAnimation、RotateAnimation。

  Android还提供了一个动画集合AnimationSet,可以将多个动画单体放入集合中共同进行,集合中的多个动画可以选择共享一套动画差值器和执行时间。

  本文将从两个角度介绍补间动画,第一是从补间动画的基本使用介绍,第二是介绍补间动画在实际开发中的其他应用,包括用于指定ViewGroup中View的动画的LayoutAnimation、用于控制Activity切换效果的动画等。

基本使用介绍

  补间动画可以写在XML文件中,也可以写在JAVA文件中,但官方推荐写在XML文件中,因为XML格式更加易于阅读。

  在补间动画的XML表示法中,我们可以使用<alpha>、<scale>、<translate>、<rotate>分别表示四种动画,也可以使用<set>标签表示一个动画集合。下面是一个包括所有属性的补间动画XML文件描述的示例,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fillAfter="true"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:shareInterpolator="true">

    <alpha
        android:fromAlpha="0%"
        android:toAlpha="100%" />

    <scale
        android:fromXScale="100%"
        android:fromYScale="100%"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="200%"
        android:toYScale="200%" />

    <translate
        android:fromXDelta="0%"
        android:fromYDelta="0%"
        android:toXDelta="100%"
        android:toYDelta="100%" />

    <rotate
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="360" />

</set>

  上述代码中各个属性的详细解释如下:

android:interpolator:差值器,用来控制动画的速度
    BounceInterpolator:弹跳效果;
    AccelerateInterpolator:逐渐加速;
    DecelerateInterpolator:逐渐减速;
    AccelerateDecelerateInterpolator:先加速后减速;
    OvershootInterpolator:到达目标点时“跑过头了”,再返回到目标点;
    AnticipateInterpolator:移动之前先向后“助跑”;
    AnticipateOvershootInterpolator:OvershootInterpolator和AnticipateInterpolator的组合效果;
    CycleInterpolator:对于指定的动画,正向做一遍,反响做一遍
android:shareInterpolator:<set>标签中的动画是否共享差值器
android:duration:动画集合播放时间
android:fillAfter:动画结束后是否停留在最后的状态
<alpha>:透明度动画
    android:fromAlpha:动画开始时候的透明度
    android:toAlpha:动画结束时候的透明度
<scale>:缩放动画
    android:fromXScale:动画开始时候X轴的缩放倍数
    android:fromYScale:动画开始时候Y轴的缩放倍数
    android:pivotX:缩放中心点X坐标
    android:pivotY:缩放中心点Y坐标
    android:toXScale:动画结束时候X轴的缩放倍数
    android:toYScale:动画结束时候Y轴的缩放倍数
<translate>:平移动画
    android:fromXDelta:动画开始时候X轴的坐标位置
    android:fromYDelta:动画开始时候Y轴的坐标位置
    android:toXDelta:动画结束时候X轴的坐标位置
    android:toYDelta:动画结束时候Y轴的坐标位置
<rotate>:旋转动画
    android:fromDegrees:动画开始时候的角度
    android:toDegrees:动画结束时候的角度
    android:pivotX:旋转中心点的X坐标
    android:pivotY:旋转中心点的Y坐标

  除了使用XML格式编写动画代码,还可以在JAVA代码中编写动画代码,此时就需要用到AnimationSet、AlphaAnimation、ScaleAnimation、TranslateAnimation、RotateAnimation这几个类了。下面是一个使用JAVA代码编写动画的代码:

AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f, 1.0f);
ScaleAnimation scaleAnimation = new ScaleAnimation(1.0f, 2.0f, 1.0f, 2.0f, 0.5f, 0.5f);
TranslateAnimation translateAnimation = new TranslateAnimation(0.0f, 500.0f, 0.0f, 500.0f);
RotateAnimation rotateAnimation = new RotateAnimation(0.0f, 360.0f, 0.5f, 0.5f);

AnimationSet set = new AnimationSet(true);
set.setDuration(1000);
set.addAnimation(alphaAnimation);
set.addAnimation(scaleAnimation);
set.addAnimation(translateAnimation);
set.addAnimation(rotateAnimation);
set.start();

其他使用方法

  上一章节中介绍了补间动画Animation的基本使用,这个章节将介绍补间动画的一些其他的使用方法。

LayoutAnimation

  LayoutAnimation用于统一地控制ViewGroup中每个View的动画效果,还可以控制每个View动画之间的间隔,达到依次入场的效果。例如,在下面的例子中,我们将控制一个ListView中所有Item的入场动画,达到所有Item依次入场的效果。

  ListView中有一个属性: android:layoutAnimation ,这个属性用于控制ListView作为一个ViewGroup,其内所有Item的动画。layout文件中ListView的布局代码如下:

<ListView
    android:id="@+id/animate_main_lv_listview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:cacheColorHint="@android:color/transparent"
    android:divider="@android:color/darker_gray"
    android:dividerHeight="1.0dip"
    android:layoutAnimation="@anim/anim_layout_listview"
    android:scrollbars="none" />

  我们需要新建一个动画文件anim_layout_listview.xml,在这个文件中编写LayoutAnimation,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:animation="@anim/anim_item_listview"
    android:animationOrder="normal"
    android:delay="50%"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator" />

  上述代码中各个属性的详细解释如下:

android:animation:每个Item都执行的动画
android:animationOrder:各Item的动画执行顺序,分为normal顺序、reverse逆序、random随机
android:delay:各Item之间的动画间隔,百分比,表示Item动画时长的百分比
android:interpolator:动画差值器

  我们还需要创建另一个动画文件anim_item_listview.xml,用于表示每个Item的动画,代码如下:

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

    <alpha
        android:fromAlpha="0.1"
        android:toAlpha="1.0" />

    <translate
        android:fromXDelta="500"
        android:toXDelta="0" />

</set>

  每个Item都从透明都不透明,从右侧平移到左侧,且上下两个Item之间的动画间隔250ms(500ms * 50%)。

Activity切换动画

  Activity的切换动画一般需要四个动画,分别表示新Activity进入时候的动画、旧Activity退出时候的动画、新Activity退出时候的动画、旧Activity进入时候的动画,因此,本例中分别使用anim_activity_new_in.xml、anim_activity_new_out.xml、anim_activity_old_in.xml、anim_activity_old_out.xml四个动画文件表示。

  Activity的切换动画也有两种方式来控制,分别是通过JAVA代码控制和通过XML代码来配置。

  首先介绍使用JAVA代码控制的方式,先来看代码:

Intent intent = new Intent(context, NextActivity.class);
startActivity(intent);
overridePendingTransition(R.anim.anim_activity_new_in, R.anim.anim_activity_old_out);

  可以看到,直接使用 overridePendingTransition() 方法来控制即可,在方法中设置两个参数,分别是新Activity进入和旧Activity退出的动画资源ID,通过这一行代码,就可以简单地实现Activity之间的切换动画。需要注意的是,这个方法必须在startActivity()方法或finish()方法之后调用,否则无效。

  上面这种方法只能控制单个Activity的切换动画,不能控制全局所有Activity的切换动画。如果想要控制项目中所有Activity的切换动画,就需要用到第二种方式:XML配置方式。

  在XML配置方式中,我们既可以控制所有Activity的切换动画,也可以控制单个Activity的切换动画,只需要选择在<application>总标签中或某个特定的<activity>标签中配置 android:theme 属性即可。android:theme属性指定了一个XML文件,下面贴出一个示例中的XML代码:

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:windowAnimationStyle">@style/activityAnimation</item>
</style>

<style name="activityAnimation" parent="@android:style/Animation">
    <item name="android:activityCloseEnterAnimation">@anim/anim_activity_old_in</item>
    <item name="android:activityCloseExitAnimation">@anim/anim_activity_old_out</item>
    <item name="android:activityOpenEnterAnimation">@anim/anim_activity_new_in</item>
    <item name="android:activityOpenExitAnimation">@anim/anim_activity_new_out</item>
</style>

  可以看到,在AppTheme中设置了 android:windowAnimationStyle 属性指定Activity切换的四种动画,然后在下面引用了这四种动画。这样就配置好了项目中所有Activity的切换动画。

时间: 2024-08-07 04:31:00

【Android - 进阶】之Animation补间动画的相关文章

Android开发之Tween(补间动画)完全解析(下)

欢迎转载,转载请注明出处:http://blog.csdn.net/dmk877/article/details/51980734 在上一篇文章中,我们详细讨论了Tween动画的xml的实现以及interpolator的使用,相信通过上篇文章大家对Tween动画的xml属性的配置会有一个详细的理解,当然这篇文章也是承接上篇文章,所以强烈建议先阅读上篇文章:Android开发之Tween(补间动画)完全解析(上),这篇文章将从代码的角度实现上篇文章的效果.如有疑问请留言,如有谬误欢迎批评指正. T

Android开发实战之补间动画和属性动画

说起动画,其实一点也不陌生,在使用一款app的时候为了优化用户体验,多多少少的,都会加入动画. 安卓中的动画,分为两大类:补间动画和属性动画.本篇博文会详细介绍总结这两大动画,希望本篇博文对你的学习和生活有所帮助. **补间动画** 补间动画分为四类:平移动画,旋转动画,缩放动画和渐变动画.这几类动画用法都差不多,只是对象参数不同这里我统一展示出来.以下是效果图: 实现代码很简单: btn1.setOnClickListener(new View.OnClickListener() { @Ove

Android开发之Tween(补间动画)完全解析(一)

欢迎转载,转载请注明出处:http://blog.csdn.net/dmk877/article/details/51912104 相信不管做了多长时间开发的人都用过Tween动画,从刚开始工作到现在我也是用了N次Tween动画,但是每一次使用总感觉掌握的不够全面,所以花了点时间详细的总结了下Tween动画,其实在android中熟练掌握动画,能够帮助我们实现一些非常酷炫的效果从而使我们的app在交互或者用户体验上有一个更好的体验,鉴于此详细的学习动画还是很有必要的,相信通过本篇的学习大家会对T

Android ViewAnimation(tween animation补间动画)文档教程

XML注意事项: 在res/anim/目录下,XML文件只能有 <alpha>, <scale>, <translate>, <rotate>中一个根元素,set标签下默认动画同时进行,想要顺序进行需要startOffset元素. 注意pivotX动画中X的中间坐标,如旋转:50是指相对父View的50%,50%是相对自身View的50% 例子: <set android:shareInterpolator="false">

android游戏开发5-10 补间动画 透明度渐变 旋转 缩放 平移

首先在res文件下新建anim文件夹 新建anim_alpha.xml代码如下: <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:duration="2000" android:fillAfter="

android 动画(1) 补间动画

android动画: 3.0以前,android支持两种动画模式,tween animation,frame animation, 3.0中又引入了一个新的动画系统:property animation, 这三种动画模式在SDK中被称为 property animation,        属性动画: view animation,   补间动画:  给出两个关键帧,通过一些算法将给定属性值在给定的时间内在两个关键帧间渐变. (Tween animation) drawable animatio

Android基础笔记(十)- 帧动画、补间动画详解、对话框

帧动画 补间动画Tween Animation 对话框以及面试中的注意点 帧动画 帧动画很简单,我们首先看一下Google官方解释This is a traditional animation in the sense that it is created with a sequence of different images. 意思表达的很明了,一个传统的动画是由一组不同的图片组成的.帧动画,就像GIF图片,通过一系列Drawable依次显示来模拟动画的效果. 创建一帧动画分为一下几步(支持4

Android笔记(六十四) android中的动画——补间动画(tweened animation)

补间动画就是只需要定义动画开始和结束的位置,动画中间的变化由系统去补齐. 补间动画由一下四种方式: 1.AplhaAnimation——透明度动画效果 2.ScaleAnimation ——缩放动画效果 3.TranslateAnimation——位移动画效果 4.RotateAnimation——旋转动画效果 1.AplhaAnimation AplhaAnimation的参数: fromAlpha:动画开始时的透明度,0.0表示完全透明 toAlpha:动画结束时的透明度,1.0表示完全不透

Android动画效果之Tween Animation(补间动画)(一)

前言: 最近公司项目下个版本迭代里面设计了很多动画效果,在以往的项目中开发中也会经常用到动画,所以在公司下个版本迭代开始之前,抽空总结一下Android动画.今天主要总结Tween Animation(补间动画). Tween Animation(补间动画): Tween动画,通过对View的内容进行一系列的图形变换 (包括平移.缩放.旋转.改变透明度)来实现动画效果.动画效果的定义可以采用XML来做也可以采用编码来做. 动画类型 XML配置方式 Java代码实现方式 渐变透明度动画效果 <al