跳到主要内容
版本:1.10.20_build_2025.9.9.9.1

GIF

GIF控件可以直接插入“gif”格式的动画图片,并且可以通过参数调节控制动画播放速度。

名称、ID、坐标、宽度、高度、变换、纹理压缩模式、纹理自适应缩放、可替换升级、纹理设置为通用属性,在基础设计——编辑属性中进行了统一介绍。

Gif源——选择“渲染gif”时,可以设置间隔时间,用于控制动画播放速度,仿真时根据设置的间隔时间;选择“原始gif”时无需设置间隔时间。

存储类型——默认为“内置”,即存储在内部Flash中;选择“外置”时,存储在外部Flash中,并且生成烧写文件时会额外生成CmpGIF_0.acf文件,需要一起拷贝到TF中


注意:

1.如果GIF控件存储类型选择外置,或者GIF压缩类型选择压缩,设置的GIF间间隔时间会失效,具体的播放效果取决于上版效果,间隔时间在40ms-150ms之间。选择渲染gif,仿真时根据设置的间隔时间;选择原始gif,仿真时根据第一帧的间隔时间,两种方式最终的播放效果以上版效果为准。

2.一个页面只能使用一个GIF控件,不然会卡。

3.GIF外置和矢量字体外置不能同时打开。

4.为确保GIF播放流畅度,需要对GIF像素尺寸和间隔时长进行限制,例如:640*480的GIF图间隔时间为500ms。GIF图越小,间隔时间可以设置得越小(不小于30ms),具体的播放效果取决于上版效果。


GIF文件处理。可以用GIF处理器软件预设的几种滤波算法+减少输出帧数去缩减GIF图片大小。

GIF处理器下载链接:http://graphichina.9966.org:2020/d/s/14Ra3Kp7RJxDhr7yWpVzWfBW8Gst4eXa/y4SdOqaX85Mt7SyzyByFiM7xuwKTpwAk-Nb4gnxePeww

软件界面:

使用步骤:

(1)选择gif文件。

(2)选择滤波算法,(合适的滤波算法会减小画面复杂度,建议多尝试)。

(3)选择减小后的帧数。

(4)点击转换,可以在原文件目录下找到转换后的文件(后缀再增加_processed)。

(5)选择播放可以对比转换后的效果。


我们在IDE资源栏中上传一张GIF图片。

在GIF控件的纹理设置中插入该纹理。

GIF源选择“渲染gif”,“间隔”用于控制动画播放速度,该参数单位为ms(毫秒),该参数数值需要大于等于30,小于65535。

在IDE中运行仿真(此时“间隔”值为40),效果如下:

我们将“间隔”值改为80后再次运行仿真,效果如下:

如果GIF源选择“原始gif”,并且不压缩的情况下,仿真时根据第一帧的间隔,GIF图播放速度就是原图的播放速度。

运行仿真,效果如下: