制作OLED图标

制作OLED图标

陈拓 2021/06/24-2021/06/26

1. 概述

制作用于OLED显示的图标，获取C语言图像点阵数据。

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. 显示效果

下图是ESP8266驱动0.96寸OLED显示屏的效果：

6. 其他图标

• 湿度图标

输入humidity可以找到很多与湿度相关的图标：

显示效果：

• 天气图标

显示效果：