电子墨水屏批量取模
什么是取模?
即生成图片数组的过程,将程序中的图片数组替换就可以达到电子纸显示想要显示的图像的目的。
教程
我这里简单介绍一下我的天气预报项目天气图标取模的过程,方便大家今后自己开发自己想要的效果。
天气预报图标
我这里选取的天气预报图标为 和风天气
的图标,下载地址为:https://github.com/qwd/Icons/releases/tag/v1.3.1
但是这图标下载下来后有几个小问题,第一个是格式 svg 的,我们需要转换为 jpg 格式的,方便后面使用软件取模。第二个就是大小,需要调整成我们指定的大小,这里根据你自己的项目自己调整。
这里我推荐一个在线网站,调整文件名称,调整文件大小,非常方便。 https://www.iloveimg.com/zh-cn/
安装 Image2Lcd
取模我们使用 Image2Lcd 这个软件将图片批量取模,下载地址我这里给出:https://files.cnblogs.com/files/manastudent/image2lcd3-2版本.zip?t=1682306176&download=true
注意,这个软件打开很慢,需要耐心等待一会儿。
注册
安装后需要将软件注册一下,不然导出会有水印。
操作
- 点击打开,找到刚刚处理好的图片,打开第一个就好
- 设置宽度和高度为你图片的大小, 这里一定要相等,不然出来的图片会有问题
- 取消勾选 包含图像头文件
- 点击批量转换
点击批量转换你将得到很多文件,很多 .c
的文件。
合并文件
我们程序一般都是将图片的数据保存在一个 .h
的文件中,比如我项目的 img_arr.h
,所以这里我们需要将上面生成的多个 .c
文件合并成一个文件使用。
这里我推荐一个在线网站,合并文件很好用。 https://uutool.cn/txt-merge/
结语
好啦,到这里我们就将天气预报的图标取模完成了,后面我们就可以在自己的项目中引入 img_arr.h
然后使用以下代码:
#include "img_arr.h"
## display.drawBitmap(x坐标, y坐标, 图片数组名称(如 gImage_100), 宽度, 高度, 颜色(如GxEPD_BLACK));
display.drawBitmap(cursorX, cursorY, gImage_100, 48, 48, GxEPD_BLACK);
来显示我们取模的图片了。