前置博文:https://blog.csdn.net/weixin_73673952/article/details/151315335?spm=1011.2415.3001.5331
官方参考文档：https://docs.sifli.com/projects/xiaozhi/custom/

一、静态图片替换

1.图片要求

1.图片格式为PNG，后缀名为.png
2.分辨率为200x200像素
图片的尺寸对应上想要替换的图片即可

2.图片替换

这里以替换待机界面的sleep2图片为例

原图界面:

1.首先准备一张满足要求的png图片
官方文档里有一张示例图，也可以自己准备图片，然后编辑成满足要求的图片即可
2.找到\myxiaozhi\xiaozhi-sf32\app\asset自己的小智文件夹下的asset文件夹
3.这里保存了静态和动态图片，将需要修改的图片替换上，同时名称也要相应修改
4.删除app\project文件夹下的build_sf32lb52-lchspi-ulp_hcpu\assets文件夹
5.上传编译下载即可

3.效果展示

4.图片处理

可以使用电脑自带的画图工具来处理图片
电脑自带的图片编辑也可以去除背景

示例图片

二、动态图片替换

1.动图要求

1.一组有顺序的.png图片组，分辨率为200x200像素
实际图片尺寸不一定固定需要200x200的
目前尝试有180x180 200x200 256x256
小的动图显示不会有什么问题，大的动图部分不会显示超出
2.找到一个你想自定义播放的gif素材，通过工具将gif切割成一组png图片组，图片的命名顺序即是播放顺序，注意图片命名不可有空格
在线gift图片处理网站：https://ezgif.com/optimize
3.gif素材推荐60帧数，200-400kb左右，此参数下切割后的图片组大小适中

2.动图处理

将需要修改的gift图片拖入

修改图片的参数达到要求即可

2.1 尺寸修改

2.2 帧率修改

点击Make a GIF！ 获取修改帧率后的GIF图

将Gif图转换为PNG

2.3 图片分割

基本修改完成后也可以根据需求修改其他参数
修改完成后选择split切割图片，并下载保存，就获取到需要的图片组了

3.动图替换

3.1 文件夹替换

先将要替换的文件夹放入app\asset文件夹中
修改名称为替换掉的动态名称—以thinking为示例

3.2 名称修改

找到angry中的name.bat文件，复制到thinking文件夹中
运行这个程序可以自动为文件夹中的图片同一命名
运行后输入thinking

3.3代码修改

进入app\src\xiaozhi_ui.h文件中，找到替换的thinking
将其中声明图片的代码调整和图片数量一致

4.效果展示对比

前面使用的图片占用内存太大编译失败了
图片文件过大可能会出现如下报错

这里换了一个动图
前面所有步骤都是一样的
动态效果可以自己下载查看