Android动画系列（一） - 基础动画ViewAnimation

最新推荐文章于 2024-05-23 09:58:57 发布

Soon_苏大强

最新推荐文章于 2024-05-23 09:58:57 发布

阅读量2.6k

点赞数 3

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

本文链接：https://blog.csdn.net/sw5131899/article/details/70162113

版权

Android 同时被 2 个专栏收录

81 篇文章 0 订阅

订阅专栏

Android动画系列

3 篇文章 0 订阅

订阅专栏

动画是Android一个相当重要的组成部分，作为安卓开发者也许多多少少用过一些动画三方库。我一直想要系统的整理一下动画相关的知识。在网上逛了逛，发现很多都已经总结过了，启航的自定义控件三部曲是他花费大心思写的。真心很不错，鸿洋也写过类似动画的文章，郭神也发过动画介绍，这里我就从头开始，参考着他们的和官方文章学习，这里我只是做一下学习笔记。谷歌官方动画文档：https://developer.android.com/guide/topics/resources/animation-resource.html

动画基本介绍

安卓提供的动画主要分为两种：Property Animation和View Animation。而View Animation又分为TweenAnimation和FrameAnimation。这些都是安卓提供的原生动画类。那么接下来挨着学习，怎么使用。

Animation

Animation共有属性，介绍一下经常用的。Animation类是所有动画（scale、alpha、translate、rotate）的基类。

android:duration 动画持续时间，以毫秒为单位
android:fillAfter 如果设置为true，控件动画结束时，将保持动画最后时的状态
android:repeatCount 重复次数
android:repeatMode 重复类型，有reverse和restart两个值，reverse表示倒序回放，restart表示重新放一遍，必须与repeatCount一起使用才能看到效果。因为这里的意义是重复的类型，即回放时的动作。
android:interpolator 设定插值器，其实就是指定的动作效果，比如弹跳效果等，不在这小节中讲解，后面会单独列出一单讲解。

View Animation

这里包含了TweenAnimation（补间动画）和FrameAnimation（逐帧动画）。可以使用xml编写，也可以使用类来编写。

Tween Animation

TweenAnimation包含了scale（缩放）,translate（平移）,alpha（渐变）,rotate（旋转）四种动画效果，使用xml设置动画的时候，需要在res目录下创建一个anim文件夹，创建资源文件就行了。类似这样res/anim/filename.xml。这里必须创建anim文件夹用于存放动画资源文件。因为会通过这个文件名作为使用的ID。R.anim.filename。使用xml的时候通过AnimationUtil的loadAnimation导入xml，然后调用目标控件的startAnimation(animation)开启动画。

这里写图片描述

Scale

scale标签是缩放动画，可以实现动态调控件尺寸的效果，有下面几个属性：

android:fromXScale 起始的X方向上相对自身的缩放比例，浮点值，比如1.0代表自身无变化，0.5代表起始时缩小一倍，2.0代表放大一倍；
android:toXScale 结尾的X方向上相对自身的缩放比例，浮点值；
android:fromYScale 起始的Y方向上相对自身的缩放比例，浮点值，
android:toYScale 结尾的Y方向上相对自身的缩放比例，浮点值；
android:pivotX 缩放起点X轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p，当为数值时，表示在当前View的左上角，即原点处加上50px，做为起始缩放点；如果是50%，表示在当前控件的左上角加上自己宽度的50%做为起始点；如果是50%p，那么就是表示在当前的左上角加上父控件宽度的50%做为起始点x轴坐标。（具体意义，后面会举例演示）
android:pivotY 缩放起点Y轴坐标，取值及意义跟android:pivotX一样。
set标签，包含 alpha, scale, translate, rotate, 或者 set。拥有它自己的属性，android:interpolator 插值器，有很多默认选择，之后会详细介绍插值器。android:shareInterpolator 布尔值，如果设置为true,那么它的子动画会受到该插值器的影响。

接下来实例：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:fromXScale="0.0"
        android:toXScale="1.5"
        android:fromYScale="0.0"
        android:toYScale="1.5"
        android:pivotX="50"
        android:pivotY="50"
        android:duration="700"
        >
    </scale>

</set>

在标签属性android:pivotX中有三种取值，数，百分数，百分数p；体现在构造函数中，就是最后一个构造函数的pivotXType,它的取值有三个，Animation.ABSOLUTE、Animation.RELATIVE_TO_SELF和Animation.RELATIVE_TO_PARENT；

ScaleAnimation scaleAnimation = new ScaleAnimation(0.0f,1.5f,0.0f,1.5f,Animation.ABSOLUTE,50f,Animation.ABSOLUTE,50f);

这里写图片描述

将android:pivotX=”50” android:pivotY=”50”修改为android:pivotX=”50%” android:pivotY=”50%”。就是从控件中心开始动画。

 ScaleAnimation scaleAnimation = new ScaleAnimation(0.0f,1.5f,0.0f,1.5f,Animation.RELATIVE_TO_SELF,50f,Animation.RELATIVE_TO_SELF,50f);

这里写图片描述

将android:pivotX=”50%” android:pivotY=”50%”
修改为android:pivotX=”50%p” android:pivotY=”50%p”。就是基于父控件的百分比。

ScaleAnimation scaleAnimation = new ScaleAnimation(0.0f,1.5f,0.0f,1.5f,Animation.RELATIVE_TO_PARENT,50f,Animation.RELATIVE_TO_PARENT,50f);

这里写图片描述

设置重复次数，和重复的模式。

scaleAnimation.setRepeatCount(1);
scaleAnimation.setRepeatMode(Animation.RESTART|Animation.REVERSE);

android:repeatCount=”1”， android:repeatMode=”reverse|restart”
android:repeatMode=”reverse” android:repeatMode=”restart”
这里写图片描述

Translate

平移动画。xml属性：

android:fromXDelta 起始点X轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p，具体意义已在scale标签中讲述，这里就不再重讲
android:fromYDelta 起始点Y轴从标，可以是数值、百分数、百分数p 三种样式；
android:toXDelta 结束点X轴坐标
android:toYDelta 结束点Y轴坐标

实例：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="100%"
        android:toYDelta="100%"
        android:duration="800"
        >

    </translate>
</set>

java代码：

TranslateAnimation translateAnimation = new TranslateAnimation(Animation.ABSOLUTE,0.0f,Animation.ABSOLUTE,100f,Animation.ABSOLUTE,0.0f,Animation.ABSOLUTE,100f);

这里写图片描述

ROTATE

旋转动画，属性：

android:fromDegrees 开始旋转的角度位置，正值代表顺时针方向度数，负值代码逆时针方向度数
android:toDegrees 结束时旋转到的角度位置，正值代表顺时针方向度数，负值代码逆时针方向度数
android:pivotX 缩放起点X轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p，具体意义已在scale标签中讲述，这里就不再重讲
android:pivotY 缩放起点Y轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="800">

    </rotate>
</set>

RotateAnimation rotateAnimation = new RotateAnimation(0f,360f,Animation.RELATIVE_TO_SELF,50f,Animation.RELATIVE_TO_SELF,50f);

android:toDegrees=”360” android:toDegrees=”-360”

这里写图片描述

ALPHA

渐变动画，属性：

android:fromAlpha 动画开始的透明度，从0.0 –1.0 ，0.0表示全透明，1.0表示完全不透明
android:toAlpha 动画结束时的透明度，也是从0.0 –1.0 ，0.0表示全透明，1.0表示完全不透明

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:fromAlpha="0.1"
        android:toAlpha="1.0"
        android:duration="800">

    </alpha>
</set>

AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f,1.0f);
                alphaAnimation.setDuration(800);

这里写图片描述

SET

动画集合，多个动画效果触发。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:fromAlpha="0"
        android:toAlpha="1.0"
        android:duration="2000">

    </alpha>

    <rotate
        android:fromDegrees="0"
        android:toDegrees="720"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="2000">

    </rotate>

    <scale
        android:fromXScale="0.0"
        android:toXScale="1.5"
        android:fromYScale="0.0"
        android:toYScale="1.5"
        android:pivotY="50%"
        android:pivotX="50%"
        android:duration="2000">

    </scale>
</set>

对应java代码：

AnimationSet animationSet = new AnimationSet(false);

                AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f,1.0f);
                alphaAnimation.setDuration(2000);

                RotateAnimation rotateAnimation =  new RotateAnimation(0.0f,720f,Animation.RELATIVE_TO_SELF,50f,Animation.RELATIVE_TO_SELF,50f);
                rotateAnimation.setDuration(2000);

                ScaleAnimation scaleAnimation = new ScaleAnimation(0.0f,1.5f,0.0f,1.5f,Animation.RELATIVE_TO_SELF,50f,Animation.RELATIVE_TO_SELF,50f);
                scaleAnimation.setDuration(2000);

                animationSet.addAnimation(alphaAnimation);
                animationSet.addAnimation(rotateAnimation);
                animationSet.addAnimation(scaleAnimation);

这里写图片描述

FrameAnimation

frameAnimation就是逐帧动画，一张一张的播放。就像flash帧动画一样，设置每帧播放时间，连续播放就成了动画。
存放位置：res/drawable/filename.xml 也就是需要在res文件下有个drawable文件夹，在那里创建frameAnimation的文件。调用时：R.drawable.filename
基本标签：

animation-list 必须存在并且必须要作为根元素，可以包含一或多个item元素。它有自己的属性 android:oneshot 如果定义为true的话，此动画只会执行一次，如果为false则一直循环。
item 作为每一帧动画的图片资源。它有自己的属性，android:drawable，设置图片drawable资源。android:duration 整数型，毫秒值。设置每帧播放的动画。

那么看看实例：
xml代码：

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

    <item android:drawable="@drawable/img1" android:duration="500"></item>
    <item android:drawable="@drawable/img2" android:duration="500"></item>
    <item android:drawable="@drawable/img1" android:duration="500"></item>
    <item android:drawable="@drawable/img2" android:duration="500"></item>
</animation-list>

在Activity中具体使用方式。

ImageView rocketImage = (ImageView) findViewById(R.id.rocket_image);

rocketImage.setBackgroundResource(R.drawable.rocket_thrust);

rocketAnimation = (AnimationDrawable) rocketImage.getBackground();

rocketAnimation.start();

如果想要使用纯java代码实现，而不使用xml设置。

AnimationDrawable drawable = new AnimationDrawable();
        for (int i = 1; i < 3; i++) {
            String path = "img"+i;
            int id = getResources().getIdentifier(path,"drawable",getPackageName());
            Drawable drawable1 = getResources().getDrawable(id);
            drawable.addFrame(drawable1,500);
        }
        drawable.setOneShot(false);
        image.setBackgroundDrawable(drawable);
        drawable.start();

这里有个小技巧，就是将字符串的命名id转换为int资源id。

int id = getResources().getIdentifier(path,"drawable",getPackageName());

这里写图片描述

好了，基础动画的使用也就这么多了。我这个学习笔记很多事参考官网的文档和启航的基础动画讲解。

Soon_苏大强

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
Android动画系列（一） - 基础动画ViewAnimation

动画是Android一个相当重要的组成部分，作为安卓开发者也许多多少少用过一些动画三方库。我一直想要系统的整理一下动画相关的知识。在网上逛了逛，发现很多都已经总结过了，启航的自定义控件三部曲是他花费大心思写的。真心很不错，鸿洋也写过类似动画的文章，郭神也发过动画介绍，这里我就从头开始，参考着他们的和官方文章学习，这里我只是做一下学习笔记。谷歌官方动画文档：https://developer.andr
复制链接

扫一扫