您现在的位置是:首页 > 正文

Android动画学习之补间动画和逐帧动画

2024-02-29 15:43:58阅读 1

一、动画介绍

在Android开发中,动画可划分为两种:

  • 补间动画

    主要包括:位置、角度、尺寸、透明度等属性变化。

  • 逐帧动画

    通过多张图片轮流播放来显示。

二、补间动画

1. 透明度渐变动画(AlphaAnimation)

透明度渐变动画是通过改变View组件透明度来实现渐变效果。主要可以通过为动画指定开始时的透明度、结束时的透明度以及动画持续时间来创建动画,在XML文件中定义透明度渐变动画,具体代码如下:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:interpolator="@android:anim/linear_interpolator"
        android:repeatMode="reverse"
        android:repeatCount="infinite"
        android:duration="1000"
        android:fromAlpha="1.0"
        android:toAlpha="0.0"/>
</set>

上述代码定义了一个让View从完全不透明到透明、持续时间为1s的动画。

属性介绍:

参数 性能 使用
interpolator 控制动画的变化速度 @android:anim/linear_interpolator(匀速改变)、@android:anim/accelerate_interpolator(开始慢,后来加速)等
repeatMode 指定动画重复的方式 reverse(反向)、restart(重新开始)、默认:restart
repeatCount 指定动画重复次数 正整数、infinite(无限循环)
duration 指定动画播放时长 单位(ms)
fromAlpha 指定动画开始时的透明度 0.0为完全透明,1.0为不透明
toAlpha 指定动画结束时的透明度 0.0为完全透明,1.0为不透明
startOffset 多长时间后开始执行动画 默认:0

2. 旋转动画(RotateAnimation)

旋转动画就是通过为动画指定开始时的旋转角度、结束时的旋转角度以及动画播放时长来创建动画,在XML文件中定义旋转动画,具体代码如下:

<?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:repeatMode="reverse"
        android:repeatCount="infinite"
        android:duration="1000"/>
</set>

上述代码定义了一个让View从0°旋转到360°持续时间为1s的旋转动画。

属性介绍:

参数 性能 使用
fromDegrees 指定动画开始时的角度 [0,360]
toDegrees 指定动画结束时的角度 [0,360]
pivotX 指定轴心的X坐标 %
pivotY 指定轴心的Y坐标 %

3. 缩放动画(ScaleAnimation)

缩放动画就是通过为动画指定开始时的缩放系数、结束时的缩放系数以及动画持续时长来创建动画,在XML文件中定义缩放动画,具体代码如下:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:repeatMode="reverse"
        android:repeatCount="infinite"
        android:duration="3000"
        android:fillAfter="true"
        android:fillBefore="false"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:toXScale="2.0"
        android:toYScale="2.0"
        android:pivotX="50%"
        android:pivotY="50%"/>
</set>

上述代码定义了一个让View在X轴上放大一半、Y轴上放大一半的缩放动画。

属性介绍:

参数 性能 使用
fromXScale 指定动画开始时X轴上的缩放系数 值为1.0表示不再变化
fromYScale 指定动画开始时Y轴上的缩放系数 值为1.0表示不再变化
toXScale 指定动画结束时X轴上的缩放系数 小于1表示缩小,大于1表示放大,等于1表示没有缩放
toYScale 指定动画结束时Y轴上的缩放系数 小于1表示缩小,大于1表示放大,等于1表示没有缩放
fillAfter 动画执行结束之后是否停留在最后一帧,优先存在于fillBefore 默认:false
fillBefore 动画播放完毕后,是否会恢复原始状态 默认:true
fillEnabled 是否应用与fillBefore的值 默认:true

4. 平移动画(TranslateAnimation)

平移动画是通过为动画指定开始位置、结束位置以及动画持续时长来创建动画,在XML文件中定义平移动画,具体代码如下:

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

网站文章

  • C#几个经常用到的字符串截取

    C#几个经常用到的字符串截取 一、 1、取字符串的前i个字符 (1)string str1=str.Substring(0,i); (2)string str1=str.Remove(i,str.Le...

    2024-02-29 15:43:53
  • java 字符流 最新发布

    字符流是Java I/O中的一种基本流,用于以字符形式读取和写入数据。它提供了更高级别的操作,可以方便地处理文本数据。

    2024-02-29 15:43:46
  • sql server 连接不上的几种解决

    SQL Server连接中的四个最常见错误: 一.&quot;SQL Server 不存在或访问被拒绝&quot; 有以下几种可能性: 1,SQL Server名称或IP地址拼写有误 2,服务器端网络配置有误 3,客户端网络配置有误 要解决这个问题,遵循以下的步骤来一步步找出导致错误的原因. 1,检查网络物理连接 ping ping 不成功,说明物理连接有问题, 这时候要检查硬

    2024-02-29 15:43:17
  • C语言超全学习路线(少走弯路)

    C语言超全学习路线(少走弯路)

    学完 C 语言,有助于我们对其他语言的理解,毕竟 C 语言比较低鞥,如果你还是大一大二,不知道该使用哪一门入门,那么我推荐C语言,可能比Python等难,但掌握之后学其他语言会容易很多。下面是我学完 ...

    2024-02-29 15:43:10
  • 判断字符串是否对称

    /*设单链表的表头指针为L,结点结构由data、next两个域构成,其中data域为字符型。试设计算法判断该链表 的全部n个字符是否中心对称。例如xyx、xyyx都是中心对称。*/ #include ...

    2024-02-29 15:43:01
  • Sentinel的使用

    Sentinel的使用

    sentinel使用

    2024-02-29 15:42:32
  • Hadoop运行jar包出现Please check whether your etchadoopmapred-site.xml contains the below

    【代码】Hadoop运行jar包出现Please check whether your etchadoopmapred-site.xml contains the below。

    2024-02-29 15:42:25
  • ^(按位异或)操作符详解

    ^(按位异或)操作符详解

    ^操作符详解及使用案例

    2024-02-29 15:42:18
  • matlab练习程序(PCA)

    matlab练习程序(PCA)

    clear all;close all;clc;img1=imread('Corner.png');img2=imread('Corner1.png');img3=imread('Corner2.png');[height width]=size(img2);a=reshape(img1,1,height*width);b=reshape(img2,1,heig...

    2024-02-29 15:41:46
  • 排序(一)——简单选择排序,直接插入排序,C++sort函数例子

    #include #include #include using namespace std; struct Student{ char name[10]; char id[10]; int score; int r; }stu[100010]; bool cmp(St...

    2024-02-29 15:41:38