制作OLED图标
陈拓 2021/06/24-2021/06/26
1. 概述
2. 图标库
先准备图标图像,可以从图标库中找需要的图案,下面两个是我常用的图标网站。
2.1 Font Awesome
- 网址
https://fontawesome.com/
- 浏览图标
点击Icons,浏览图标。
选择Free查看免费图标:
- 查看温度图标
输入关键字thermometer。
点击第二个图标:
这个网站很多资源是收费的,下面的网站资源更多,而且是免费的。
2.2 onlinewebfonts
https://www.onlinewebfonts.com/
这里不仅有丰富的图标和字体资源,还有各种图像和字体相互转换的工具:
下面我们看看温度图标。
- 查找温度图标
点击Icon,搜索关键字temperature可以找到很多与温度相关的图标。
- 下载图标
选择红框中的图标:
可以选择4种下载格式:
下载PNG格式的文件。
点击PNG FILE:
右击3个Download之一,复制链接地址,在新的标签页中打开这个地址就可以下载了。
处理图标文件
- 用PS打开PNG文件
- 填充透明背景
先用魔棒工具选择透明背景:
填充为白色。
取消选择。
- 改变图标的大小
将图标缩小到23x44:
确定。
- 阈值调整
存储为BMP格式:
4. 将图像转换为位图数据
- 图片取模工具软件Img2Lcd
用图片取模工具软件Img2Lcd取模。Img2Lcd软件可以从下面的网址获取:
《用于LCD、OLED的图片取模软件》
https://download.csdn.net/download/chentuo2000/19815287
- 打开Img2Lcd
打开图像文件,并做如下设置:
保存,文件名取thermometer23x44.h,数据为:
const unsigned char gImage_thermometer23x44[138] = { /* 0X22,0X01,0X17,0X00,0X2C,0X00, */
0X00,0X00,0X00,0X00,0X00,0XF0,0XFC,0XFE,0X0E,0X07,0X07,0X07,0X07,0X07,0X0E,0XFE,
0XFC,0XF0,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0X00,0XFF,0XFF,0XFF,0X00,
0X00,0XF8,0XF8,0XF8,0X00,0X00,0XFF,0XFF,0XFF,0X00,0X00,0X00,0X00,0X00,0X00,0X00,
0X00,0X00,0X80,0XFF,0XFF,0XFF,0X00,0X00,0XFF,0XFF,0XFF,0X00,0X00,0XFF,0XFF,0XFF,
0X80,0X00,0X00,0X00,0X00,0XE0,0XF8,0XFE,0X1F,0X07,0X03,0XE1,0XF0,0XF8,0XF8,0XFF,
0XFF,0XFF,0XF8,0XF8,0XF0,0XE1,0X03,0X07,0X1F,0XFE,0XF8,0XE0,0X0F,0X3F,0XFF,0XF0,
0XC0,0X80,0X07,0X1F,0X1F,0X3F,0X3F,0X3F,0X3F,0X3F,0X3F,0X1F,0X07,0X80,0XC0,0XF0,
0XFF,0X3F,0X0F,0X00,0X00,0X00,0X01,0X03,0X03,0X07,0X07,0X0E,0X0E,0X0E,0X0E,0X0E,
0X0E,0X0E,0X07,0X07,0X03,0X03,0X01,0X00,0X00,0X00,};
5. 显示效果
6. 其他图标
- 湿度图标
输入humidity可以找到很多与湿度相关的图标:
显示效果:
- 天气图标
显示效果: