Carson带你学Android：常见的动画类型你知多少？

超、凢脫俗 2022-09-12 14:48 165阅读 0赞

![a26aedafc2ac45510787091b1d02f019.png][]

--------------------

# 前言 #

*  动画的使用 是 `Android` 开发中常用的知识
 *  可是动画的**种类繁多、使用复杂**，每当需要 **采用自定义动画 实现 复杂的动画效果**时，很多开发者就显得束手无策
 *  本文将献上一份`Android`动画简介，包括动画的种类、使用、原理等，让你全面了解Android动画

--------------------

# 目录 #

![示意图][b87ae92675a24d5893d75c7f9d201bf3.png]

--------------------

# 1. 动画类型 #

`Android`动画主要分为分为两大类（三种）：

1.  视图动画：补间动画、逐帧动画
2.  属性动画

下面。我将简单介绍这两大类、三种`Android`常用动画

--------------------

# 2. 补间动画（Tween Animation） #

### 2.1 简介 ###

![示意图][bdeaa5b0368fef07a1ef5fe765da7657.png]

### 2.2 类型 ###

根据不同的动画效果，补间动画分为4种动画：

*  平移动画（`Translate`）
 *  缩放动画（`scale`）
 *  旋转动画（`rotate`）
 *  透明度动画（`alpha`）

具体效果分别如下：

![平移][d24de453c2049fe99c6069e89df55b8f.gif]

![缩放][99036c787b3126a21f25d823ce37346e.gif]

![旋转][dcfa9367ec2b04743f2832fc9b25791a.gif]

![透明度][4018a3f37bb84ac6050fc98fd349b66a.gif]

### 2.3 应用场景 ###

#### a. 标准的动画效果 ####

*  补间动画常用于视图View的一些标准动画效果：平移、旋转、缩放 & 透明度；
 *  除了常规的动画使用，补间动画还有一些特殊的应用场景。

#### b. 特殊的应用场景 ####

*  `Activity` 的切换效果（淡入淡出、左右滑动等）
 *  `Fragement` 的切换效果（淡入淡出、左右滑动等）
 *  视图组（`ViewGroup`）中子元素的出场效果（淡入淡出、左右滑动等）

![淡入淡出][fcc5c57b6279a15c5f38bb8ac8ba444c.gif]

![左右滑动][ebe2783aea2db65cc779752405673ffd.gif]

![ListView出场动画][ListView]

--------------------

# 3.逐帧动画 #

### 3.1 简介 ###

![示意图][a3df669ad65359ec1dbb71d700e5ff5b.png]

### 3.2 应用场景 ###

较为复杂的个性化动画效果。

> 使用时一定要避免使用尺寸较大的图片，否则会引起OOM

![合成的动画][ad286ba91c3b4f60f75aa173edd5b664.gif]

将动画拆分后的图片帧  
![拆分的图片][df37422354606b8a2cb76d5ed1de94f4.png]

--------------------

# 4. 属性动画（Property Animation） #

### 4.1 简介 ###

在 `Android 3.0`（`API 11`）后才提供的一种全新动画模式  
![示意图][a11078f49e2828d8850634015dd744de.png]

### 4.2 应用场景 ###

与属性相关、更加复杂的动画效果。

> 如改变对象的颜色属性动画效果

![属性动画 - 颜色变化][-]

--------------------

# 5. 总结 #

本文对`Android` 动画进行了简单介绍，相信通过本文你已经能了解Android多样的动画效果了

--------------------

# 欢迎关注Carson\_Ho的[CSDN博客][CSDN] #

博客链接：https://carsonho.blog.csdn.net/  
![a26aedafc2ac45510787091b1d02f019.png][]

--------------------

# 请点赞！因为你的鼓励是我写作的最大动力！ #

[a26aedafc2ac45510787091b1d02f019.png]: /images/20220828/003e2bddae0442da9e7a18415be4d3a0.png
[b87ae92675a24d5893d75c7f9d201bf3.png]: /images/20220828/d72f986b778a413e8a75356d18b063b0.png
[bdeaa5b0368fef07a1ef5fe765da7657.png]: /images/20220828/23010ea02dd049f689592aed7a957500.png
[d24de453c2049fe99c6069e89df55b8f.gif]: /images/20220828/4fcc72c5ddf0450daa8ab01c485f1c9d.png
[99036c787b3126a21f25d823ce37346e.gif]: /images/20220828/7b4bcb5f0848490980ad5189ee881358.png
[dcfa9367ec2b04743f2832fc9b25791a.gif]: /images/20220828/e04eb7895235410d875e2c3e6c788421.png
[4018a3f37bb84ac6050fc98fd349b66a.gif]: /images/20220828/e52ad4143a574d3d93df703f7a6d09b7.png
[fcc5c57b6279a15c5f38bb8ac8ba444c.gif]: /images/20220828/42fc352c223649f082fb1cfc93169f6f.png
[ebe2783aea2db65cc779752405673ffd.gif]: /images/20220828/430df51072ca4db985bfe5f653bdc543.png
[ListView]: /images/20220828/1ccf16131b0a4cdcabefc038fa93c3fa.png
[a3df669ad65359ec1dbb71d700e5ff5b.png]: /images/20220828/002b46f78a5a4c91a4ea6ad564009a6b.png
[ad286ba91c3b4f60f75aa173edd5b664.gif]: /images/20220828/8fd0de2ba9f24f2eb2277c3519b1d69d.png
[df37422354606b8a2cb76d5ed1de94f4.png]: /images/20220828/862ed89690b44cf8a64c8934a5812ad1.png
[a11078f49e2828d8850634015dd744de.png]: /images/20220828/4da8a13d3bdc45da8892bcc7e8cbb1d8.png
[-]: /images/20220828/fc50c37491964086b43f291f0bc9b3b4.png
[CSDN]: https://carsonho.blog.csdn.net/