Android-如何实现Apng动画播放

01

Apng是什么

Apng（Animated Portable Network Graphics）顾名思义是基于 PNG 格式扩展的一种动画格式，增加了对动画图像的支持，同时加入了 24 位图像和8位 Alpha 透明度的支持，并且向下兼容 PNG。

Google封面图 

02

Apng、Gif对比

1、图片质量

Gif最多支持8位颜色深度，图片边缘锯齿比较严重，Apng支持24位颜色深度色，抗锯齿效果更好。

 大象Gif、Apng图

2、透明度

Gif支持全透明或者不透明，不支持透明度渐变，而Apng支持8位Alpha透明通道。

带倒影彩色球

3、图片体积

GIF采用LZW压缩算法，而Apng采用Deflate压缩算法，在相同功能情况下如8位颜色深度，Apng文件体积会更小。

时钟、人物图

4、应用场景

Gif兼容性高，几乎所有浏览器都支持，移动端播放Gif动画控件都比较成熟。Apng兼容性较差，目前支持Apng的浏览器有 Chrome、Firefox、Safari 和 Opera，下面对Gif和Apng的应用场景做下说明：

1）图片质量要求不高的动画场景可以考虑使用Gif，图片质量要求比较高的动画场景可以考虑使用Apng，如动态表情等可以使用Gif，直播间礼物动效可以使用Apng；

2）对于有透明度渐变要求的动画场景，如要加载一个白天变黑夜的动画，使用Apng比较好，如果使用Gif，则会出现白色锯齿毛边；

3）对于像素点变化比较少的动画场景，使用Apng比较好，因为Apng前后像素相似点可以复用，文件体积相对比较小，如下面的城市夜景图：

城市夜景图

03

Android如何实现Apng动画播放

彩色爆炸动画

1、Apng格式介绍

Apng的文件后缀名是.png，一张Apng图片包含一系列的png帧，每个png帧又包含当前png的相关信息，其结构图（图片来自维基百科，请点击查看）如下：

以下对上面的结构图进行说明：

1）Apng的IHDR（Image Head Chunk）用来包含Apng图片的宽、高等信息，acTL（Animation Control Chunk）包含动画播放的控制信息；

2）每一帧的fcTL（Frame Control Chunk）包含帧的一些控制信息，如Apng总的帧数，循环播放的次数，fdAT（Frame Data Chunk）包含每帧的图片数据信息，这跟png图片的IDAT块格式保持一致；

3）Apng的第一帧比较特殊，如果Apng的第一帧作为Apng默认显示的图片，则Apng结构跟上图的保持一致。如果Apng的第一帧不作为默认显示的图片，则Apng的默认显示图片从IDAT块取得，而Apng的结构图如下：

Apng结构图（第一帧非默认图）

Apng与正常的png数据结构差不多是一样的，只不过是多了三个chunk类型，分别是：acTL（Animation Control Chunk）、fdAT（Frame Data Chunk）、fcTL（Frame Control Chunk），chunk的格式一般如下：

Chunk的数据格式

Chunk由四部分组成，分别数据长度（4个字节），Chunk类型（4个字节），ChunkData，CRC（循环冗余校验，4个字节），下面分别对这三种chunk类型做具体说明。

• acTL

acTL是Apng的动画控制Chunk，包含总的帧数num_frames，播放次数num_plays，num_frames和num_plays都占有4个字节，结构如下：

byte 含义 
0 num_frames：0~3字节表示该Apng总的播放帧数。
4 num_plays：4~7字节表示该Apng循环播放的次数。

num_frames一定大于等于1，如果等于1，表示Apng只有一帧，可以看成就是一张png图。num_plays一定大于等于0，如果等于0，表示Apng动画是循环播放的。 

备注：acTL一定是在IDAT前面。

• fdAT

fdAT是每帧的数据Chunk，与png的IDAT结构保持一致，只是额外增加了一个序列号，fdAT的结构如下：

byte 含义 
0 sequence_number：0~3字节表示动画帧的编号，从0开始。
4 frame_data ：帧的数据信息。

这里需要说明的是，Apng的每一帧至少包含一个fdAT，而每一个fdAT是一张png的像素压缩数据，从该fdAT中，我们可以读取数据获得一张png图片。

• fcTL

fcTL是每帧的控制信息块，fcTL一定是出现在fdAT或者IDAT的前面（第一帧为默认图片），fcTL的结构如下：

byte 含义 
0 sequence_number：控制帧的序号，从0开始。
4 width：帧的宽度。
8 height：帧的高度。
12 x_offset：在x方向的偏移。 
16 y_offset：在y方向的偏移。 
20 delay_num：帧动画时间间隙的分子 
22 delay_den：帧动画时间间隙的分母
24 dispose_op：在显示该帧之前，需要对前面缓冲输出区域做何种处理。
25 blend_op：具体显示该帧的方式。

下面对fcTL控制块包含的内容做具体说明：

1）x_offset，y_offset表示显示当前帧时，x方向和y方向需要偏移的距离，如果第一帧为默认显示图片，则x_offset，y_offset为0；

2）width、height、x_offset、y_offset、Apng的宽高(包含在IHDR块中)之间存在下面的约束条件：

x_offset >= 0
y_offset >= 0
width > 0
height > 0
x_offset + width<= IHDR width
y_offset + height <= IHDR height

3）Apng动画每帧的显示时长可以通过