touchGFX控件学习三、Animated Image控件

一、控件介绍

动画图像能够使用共享公共标识符的一系列图像从头到尾运行动画。它能够执行单个动画或循环动画，直到停止或暂停。

原理就是将gif格式图片抽成一张一张的，然后按顺序轮播。

属性：

二、准备用到的素材

三、touchGFX工程搭建

1、添加图片资源

2、界面设计

a 、放置一个tiledImage控件和animatedImage控件

b、tiledImage控件设置

c、animatedImage控件设置

d、box控件设置

3、生成工程

四、源代码修改

将​​Screen1ViewBase.cpp​​中的

animatedImage1.setUpdateTicksInterval(1);
    animatedImage1.startAnimation(false, true, false);

改为

animatedImage1.setUpdateTicksInterval(2);
    animatedImage1.startAnimation(false, true, true);

其他的不用修改，烧录进开发版看看小人动起来没。

五、关键函数说明

1、setUpdateTicksInterval(2);

设置图片之间的时间间隔，时间为touchGFX的tick

2、startAnimation(false, true, true);

启动的话，三个参数依次为：

virtual void startAnimation ( const bool  rev ,   
const bool  reset =false,   
const bool  loop =false   
)

rev：定义动画是否应按相反顺序执行。
reset：（可选）定义动画是否应重置并从第一个（如果顺序相反，则从最后一个）位图开始。
loop ：（可选）定义动画是循环还是执行单个动画。

六、效果查看