制作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可以找到很多与湿度相关的图标:

显示效果:

  • 天气图标

显示效果:

猜你喜欢

转载自blog.csdn.net/chentuo2000/article/details/118254780