制作OLED图标

news/2024/7/5 0:05:49 标签: ESP8266, OLED, SSD1306, 图标, ICON

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

显示效果:

显示效果:


http://www.niftyadmin.cn/n/1733118.html

相关文章

[从jQuery看JavaScript]-变量与作用域链(Variable and Scope Chain)

http://blog.csdn.net/natineprince/archive/2009/11/06/4775008.aspxjQuery片段: view plaincopy to clipboardprint?var // Will speed up references to window, and allows munging its name. window this, // Will speed up references to …

制作OLED文字

制作OLED文字 陈拓 2021/06/26-2021/06/29 1. 概述 以ASCII码顺序制作英文字模为无中文字库的LOED显示屏制作中文小字库 2. 文字取模软件 PCtoLCD2002。软件可以从下面的网址获取: 《用于LCD,OLED的文字取模工具软件》 https://download.csdn.net/d…

使用图片地图减少HTTP请求数量

前言 最近在看《高性能网站建设》,记录一下所学。 现在很多网站都是图片形式的导航,点击图片跳转到对应的链接。如果导航项目很多的话,图片的数量就会很多,每需要加载一张图片就会多一个HTTP请求。优化的方式之一就是使用图片地图…

FPGA实验五:信号发生器设计

目录 一、实验目的 二、设计要求 三、实验代码 1.代码原理分析 2.代码设计思路 3.IP核的设计与配置 四、实验结果及分析 1、引脚锁定 2、仿真波形及分析 (1)关于波形一些指标的介绍 (2)对波形转换功能的验证 &#xf…

Adafruit GFX Library字体规范

Adafruit GFX Library字体规范 陈拓 2021/06/29-2021/06/30 1. 概述 什么是Adafruit GFX Library 看看Adafruit官方网站的介绍。 https://learn.adafruit.com/adafruit-gfx-graphics-library/overview Arduino的Adafruit_GFX库为我们所有的LCD和OLED显示器(Adafr…

[从jQuery看JavaScript]-数据类型和对象(Type and Object)(一)

http://blog.csdn.net/natineprince/archive/2009/11/08/4787689.aspxjQuery片段: view plaincopy to clipboardprint?var // Will speed up references to window, and allows munging its name. window this, // Will speed up references to u…

前端同学大福利,最全的面试题目整理

自己整理了一些关于前端这个行业面试题,好多都不会好难过,I NEED AV……. HTML&CSS 常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari&#xff0c…

实现文字颜色渐变

前言 主要用到三个CSS属性: linear-gradient() 用来实现渐变的图像 background-clip 指定对象的背景图像向外裁剪的区域 text-fill-color 指定文字的填充颜色 实例 background: linear-gradient(to bottom,#fff 0%,#333 100%);background-clip: text;…