添加图片内容流程

芯片添加图片流程
V1-7寸电动车为例

需要软件：

1、    找到UI发送的psd文件
双击psd文件或者将psd文件拖动到ps软件图标上打开

2、    截图
缺失字体选择不要解决

在右边选择需要的部分，2处点击眼睛即可，取消眼睛则当前部分不显示

   
以动力电池过热为例，选择仅需要的内容+背景进行查看

  
选择切片工具，并在屏幕上适当选择范围

 
a右击已绘制的切片选择编辑切片选项，或者b双击已绘制的切片

 
名称：保存截图的png图片名  X：图片左距离左边界像素 Y：图片上距离上边界像素
W；图片宽度   H：图片高度  或者键盘输入上下左右箭头移动XY
输入图片名称选择合适大小并确认

   
取消背景显示，如第三张图（之前保留是为了便于观察图片）

 
左上角选择文件，a点击存储为Web所用格式
或者b输入快捷键shift + ctrl + alt + s四个键一起按

  
默认配置，点击存储，点击保存
选择的目录中有images则保存该文件夹，没有images文件夹则自动新建并保存其中

3、添加 
 
打开之前添加图片项目，找到xfl后缀名文件

双击或者使用将文件拖拽到 图标上将其打开

 
左上角点击文件 – 导入 – 导入到库
选择文件夹和待添加的图片（注意图片的方向有的右转有的不用）
一部分一部分导入，没有限制，一次选中太多会报错，自测一次150个没问题

 
待添加和库原有图片重名，解决库冲突，需要替换原有图片则替换，不需要则不替换
完成后Ctrl + s保存，或左上角文件 – 保存

3、运行生成工具
 
找到图片工程的bin文件生成工具

 
File – open 选择项目中刚刚修改的xfl后缀名文件
 
报错信息排查：
1原来添加的图太大，最大建议400*480
2文件选择了已删除不存在的图片
3字体文件有问题

 
Map勾选，将文件添加到集合中，能够生成对应数组数据
Compression勾选，图片压缩，图片不压缩浪费空间，有的项目不压缩显示会有阴影
遇到标红的选项说明库中不存在，需要添加图片重新导入或者取消勾选map

 
选择Fonts添加字体文件，在2处右击，点击select XXX/xxx/xxx选项

选择合适的字体文件皆可

选择左上角File – export 导出文件
按照1 - 2 – 3步骤完成即可

报错解决
执行第三步添加操作时，将现在列表中红色部分删除即可

主要生成文件

3、    替换代码  

a.打开项目工程，找到 mapdata.h
b.替换代码
不要直接替换文件，也不要换错代码

第一处：将生成mapdata.h的这部分define宏定义代码替换项目mapdata.h中的

 
第二处：将生成mapdata.h的枚举代码，全部替换项目mapdata.h中的同名枚举

第三处：将生成mapdata.h的数组，全部替换项目mapdata.h中的上图中同名数组

第四处：将生成mapdata.h的数组代码，全部替换项目mapdata.c中的同名数组
这里是用生成.h代码换项目.c中代码，不要搞错
4、    数组容量限制超出大小  两种解决（优先第二种）

问题：刚刚替换的mapdata.c中的数组容量超过1024个，如图

解决：两种
第一种
添加新数组

c.    在mapdata.c中将数组超出1024限制的多余数据剪切到新数组中
d.    如果新数组超过1024限制则继续新建数组转移多余数据，以此类推

6、刷表图形