Arduino ESP8266 使用u8g2图形库 IIC驱动 SSD1306_0.96寸 OLED

最新推荐文章于 2024-06-11 21:03:34 发布
最新推荐文章于 2024-06-11 21:03:34 发布
阅读量3.9k 收藏 65
点赞数 8
文章标签： 嵌入式硬件
原文链接：https://blog.csdn.net/hbsyaaa/article/details/123966095
版权

一：安装Arduino

二：安装ESP8266开发包

三：u8g2库的简介与安装

u8g2简介：

U8g2 是一个用于嵌入式设备的单色图形库。U8g2支持单色OLED和LCD，并支持如SSD1306等多种类型的OLED驱动。

u8g2的安装：

我们可以直接在Arduino的库管理中搜索和安装：（对网络环境要求较高）

 我们也可以直接去下载源码然后导入：

四：U8g2库的基础使用
使用U8g2库进行OLED的显示十分简单，首先要包含两个库，U8g2lib和Wire，后者是IIC通信需要用。

对于IIC接口的OLED，需要在程序中指定一下引脚的接口定义，如果是SPI接口，可以参考U8g2库自带例程中SPI接口是使用方法。、

然后在Ardunio的setup中进行u8g2的初始化。

最后在Ardunio的loop中编写自己想要的代码逻辑了，温馨提醒，在U8g2库在loop中的通用写法是使用do{}while()的形式：

  u8g2.firstPage();
  do
  {
    //自己的的逻辑
  } while (u8g2.nextPage());
  delay(1000);

接下来是一个简单的显示示例：

#include <U8g2lib.h>
#include <Wire.h>

#define SCL 5
#define SDA 4

U8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2(U8G2_R0, /*clock=*/SCL, /*data=*/SDA, /*reset=*/U8X8_PIN_NONE);   

void setup()
{
  u8g2.begin();
  u8g2.enableUTF8Print(); // enable UTF8 support for the Arduino print() function
}

void loop()
{
  u8g2.setFont(u8g2_font_unifont_t_symbols);
  u8g2.firstPage();
  do
  {
    u8g2.setCursor(0, 15); //指定显示位置
    u8g2.print("Hello World!"); //使用print来显示字符串
  } while (u8g2.nextPage());
  delay(1000);
}

注意，setCursor(0, 15)，是将画图位置移动到x=0，y=15处，然后以这个点的右上区域进行字符串的显示，这样看起来就是显示在OLED的第一行，如果你设置setCursor(0, 0)，字符串实际是到屏幕外面了，不会显示！

五：U8g2常用API函数  

5.1：基础设置

  • setFont(font) 设置字体
    • font：u8g2的字体，比较常用的有u8g2_font_unifont_t_symbols(通常使用这个)和u8g2_font_wqy12_t_gb2312b(用于显示汉字)等
  • setFontMode(num) 设置字体背景颜色模式
    • num：启用(1)透明模式
    • num：禁用(0)透明模式
  • setDrawColor(color) 设置所有绘图函数的位值
    • color：0(显示RAM中的清晰像素值)
    • color：1(设置像素值)
    • color：2(异或模式)   

5.2： 画像素点

  • drawPixel(x,y) 

可以设置指定坐标显示画点，例如我们可以显示所有的点：

#include <U8g2lib.h>
#include <Wire.h>

#define SCL 5
#define SDA 4
//定义了一个宏定义，用于延时显示每一次的画图，方便观察OLED的显示过程：
#define SEND_BUFFER_DISPLAY_MS(ms)\
  do {\
    u8g2.sendBuffer(); \
    delay(ms);\
  }while(0);

U8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2(U8G2_R0, /*clock=*/SCL, /*data=*/SDA, /*reset=*/U8X8_PIN_NONE);   

void setup()
{
  u8g2.begin();
  u8g2.enableUTF8Print(); // enable UTF8 support for the Arduino print() function
}

//画像素点-填充屏幕
void testDrawPixelToFillScreen()
{
  int t = 1000;
  u8g2.clearBuffer();

  for (int j = 0; j < 64; j++)
  {
    for (int i = 0; i < 128; i++)
    {
      u8g2.drawPixel(i, j);
    }
  }
  SEND_BUFFER_DISPLAY_MS(t);
}
void loop()
{
  testDrawPixelToFillScreen();

}

5.3: 画直线：

  • drawLine(x0,y0,x1,y1) 画一条线
    • x0,y0线的起点
    • x1,y1线的终点
  • drawHLine(x,y,w) 画一条水平线
    • x,y线的起点
    • w水平线的长度（宽度）
  • drawVLine(x,y,h) 画一条竖直线
    • x,y线的起点
    • h竖直线的长度（高度）

测试函数：

//画直线
void testDrawLine()
{
  int t = 500;
  u8g2.clearBuffer();
  u8g2.drawStr(33, 14, "drawLine");

  u8g2.drawLine(0, 0, 127, 63);
  SEND_BUFFER_DISPLAY_MS(t);
  u8g2.drawLine(0, 0, 127, 0);
  SEND_BUFFER_DISPLAY_MS(t);
  u8g2.drawLine(32, 15, 127, 15);
  SEND_BUFFER_DISPLAY_MS(t);
  u8g2.drawLine(33, 16, 127, 16);
  SEND_BUFFER_DISPLAY_MS(t);
  u8g2.drawLine(127, 0, 127, 15);
  SEND_BUFFER_DISPLAY_MS(t);
  u8g2.drawLine(127, 16, 127, 63);
  SEND_BUFFER_DISPLAY_MS(t);
}

 5.4：画空心/实心(圆角)矩形、

  • drawFrame(x,y,w,h) 绘制一个空心框
  • drawBox(x,y,w,h) 绘制一个实心矩形
  • drawRFrame(x,y,w,h,r) 绘制一个空心框(圆角)
  • drawRBox(x,y,w,h,r) 绘制一个实心矩形 (圆角)
    • x,y起点坐标
    • w,h框的宽度和高度
    • r圆角的半径

 测试函数：

//画空心圆角矩形
void testDrawRFrame()
{
  int t = 500;
  int x = 16;
  int y = 32;
  int w = 50;
  int h = 20;
  int r = 3;
  u8g2.clearBuffer();
  u8g2.drawStr(0, 15, "drawRFrame");

  u8g2.drawRFrame(x, y, w, h, r);
  SEND_BUFFER_DISPLAY_MS(t);
  u8g2.drawRFrame(x+w+5, y-10, w-20, h+20, r);
  SEND_BUFFER_DISPLAY_MS(t);
}

5.5： 画空心/实心圆

  • drawCircle(x,y,rad,opt) 绘制一个空心圆
  • drawDisc(x,y,rad,opt) 绘制一个实心圆
  • x,y为圆心坐标
  • rad为圆的半径
  • opt为选择画的部分，分为：
  • U8G2_DRAW_UPPER_RIGHT（右上）
  • U8G2_DRAW_UPPER_LEFT（左上)
  • U8G2_DRAW_LOWER_LEFT（左下）
  • U8G2_DRAW_LOWER_RIGHT（右下）
  • U8G2_DRAW_ALL（全部）

测试函数：

 空心圆：

//画空心圆
void testDrawCircle()
{
  int t = 500;
  int stx = 0;  //画图起始x
  int sty = 16; //画图起始y
  int with = 16;//一个图块的间隔
  int r = 15;   //圆的半径
  u8g2.clearBuffer();
  u8g2.drawStr(0, 15, "drawCircle");

  u8g2.drawCircle(stx, sty - 1 + with, r, U8G2_DRAW_UPPER_RIGHT); //右上
  SEND_BUFFER_DISPLAY_MS(t);
  u8g2.drawCircle(stx + with, sty, r, U8G2_DRAW_LOWER_RIGHT); //右下
  SEND_BUFFER_DISPLAY_MS(t);
  u8g2.drawCircle(stx - 1 + with * 3, sty - 1 + with, r, U8G2_DRAW_UPPER_LEFT); //左上
  SEND_BUFFER_DISPLAY_MS(t);
  u8g2.drawCircle(stx - 1 + with * 4, sty, r, U8G2_DRAW_LOWER_LEFT); //左下
  SEND_BUFFER_DISPLAY_MS(t);
  u8g2.drawCircle(stx - 1 + with * 2, sty - 1 + with * 2, r, U8G2_DRAW_ALL);//整个圆
  SEND_BUFFER_DISPLAY_MS(t);
}

 注意，U8g2库画出的圆，因像素点的显示原理，圆的直径占用的宽度不是半径的2倍，而是2倍再加一个像素点。

5.6：画空心/实心椭圆

  • drawEllipse(x,y,rx,ry,opt) 绘制一个空心椭圆
  • drawFilledEllipse(x,y,rx,ry,opt) 绘制一个实心椭圆
    • x,y为圆心坐标
    • rx,ry为与椭圆x和y方向的半径
    • opt与画圆时的作用一致

椭圆的显示与圆的显示类似，只是椭圆可以分别指定x和y方向的半径 

 5.7：字符串、汉字和变量显示：

字符串的显示，可以使用drawStr函数，也可以使用通用风格的print函数。

  • drawStr(x,y,string) 绘制一个字符串
    • x,y起点坐标
    • string字符串

 如果想要使用print显示汉字，需要先设置如下两句：

u8g2.enableUTF8Print();//enable UTF8
u8g2.setFont(u8g2_font_wqy12_t_gb2312b);//设置中文字符集

如果想要显示变量，使用print函数即可：

字符串、汉字、变量的测试函数如下：

//字符串/文字/变量显示测试
void testDrawStr()
{
  int t = 1000;
  u8g2.clearBuffer();
  u8g2.drawStr(0, 14, "drawStr / print");
  SEND_BUFFER_DISPLAY_MS(t);

  u8g2.drawStr(0, 32, "~!@#$%^&*()_+");
  SEND_BUFFER_DISPLAY_MS(t);

  u8g2.enableUTF8Print();//enable UTF8
  u8g2.setFont(u8g2_font_wqy12_t_gb2312b);//设置中文字符集
  u8g2.setCursor(0, 48);
  u8g2.print("码农爱学习");
  SEND_BUFFER_DISPLAY_MS(t);

  int a = 234;
  u8g2.setCursor(0, 64);
  u8g2.print("int a = ");
  u8g2.setCursor(40, 64);
  u8g2.print(a);//显示变量
  SEND_BUFFER_DISPLAY_MS(t);
}

5.8：画内置图标：

  • drawGlyph(x,y,addr) 绘制U8g2内置的图标
    • x,y起点坐标
    • addr内置图标的地址

U8g2库内置了需要预先定义的图形，通过drawGlyp函数以及指定的地址，即可看OLED上显示对应的图标：

各个图形的地址定义如下：

 编写一个测试程序：

void testGlyph()
{
  int t = 1000;
  u8g2.clearBuffer();
  u8g2.drawStr(0, 14, "drawGlyph");

  u8g2.drawGlyph(0, 32, 0x23f0);
  SEND_BUFFER_DISPLAY_MS(t);

  u8g2.drawGlyph(16, 32, 0x23f3);
  SEND_BUFFER_DISPLAY_MS(t);

  u8g2.drawGlyph(32, 32, 0x2603);
  SEND_BUFFER_DISPLAY_MS(t);

  u8g2.drawGlyph(48, 32, 0x2615);
  SEND_BUFFER_DISPLAY_MS(t);

  u8g2.drawGlyph(64, 32, 0x2618);
  SEND_BUFFER_DISPLAY_MS(t);
}

 5.9：画自定义图片

  • drawXBM(x,y,w,h,addr) 绘制一个实心矩形 (圆角)
    • x,y起点坐标
    • w,h图片的宽度和高度`
    • addr图片(数组)的地址

自定义图片的显示，需要先将图形转换为数组，

测试程序：

// width: 128, height: 48
const unsigned char bilibili[] U8X8_PROGMEM = { 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, ... 省略若干行 };

void testDrawXBM()
{
  int t = 1000;
  u8g2.clearBuffer();
  u8g2.drawStr(0, 14, "drawXBM");
  u8g2.drawXBM(0, 16, 128, 48, bilibili);
  SEND_BUFFER_DISPLAY_MS(t);
}

总结： 

 

2023愿你被世界温柔以待
关注
  • 8
    点赞
  • 踩
  • 65
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Arduino通过u8g2库驱动OLED
acktomas的博客
05-23 3437
网上很多类似这种的语法，个人建议不要这样使用，代码的移植性会很差的：不要按照此例程来书写！！！do {");用Arduino控制OLED，就用U8G2这个库函数就可以了，直接点击“加载库”，就可以在IDE里面自行安装库函数的。
用于u8g2库的比较全的中文字库
06-21
用于u8g2库的比较全的中文字库，网上原来有wqy的字库好用，但现在github上已不给下载，特意自己做了一份。需要的人可以下载
基于I2C协议的OLED显示(利用U8G2库)
最新发布
m0_74749526的博客
06-11 893
I2C通信协议是一种串行通信协议，它允许多个设备通过两根线进行通信：串行数据线（SDA）和串行时钟线（SCL）。这种串行通信方式相对于并行通信更为灵活，尤其适用于设备之间的短距离通信。I2C通信协议采用主从结构，其中一个设备充当主设备（Master），而其他设备则是从设备（Slave）。主设备负责控制通信的开始和结束，而从设备在主设备的控制下进行响应。I2C通信协议使用起始和停止条件来标识通信的开始和结束。起始条件是SDA线由高电平切换到低电平，而停止条件则是SDA线由低电平切换到高电平。
ESP8266学习历程(5)——IIC
大大棋的博客
03-31 4990
IIC 总线是一种串行数据总线，总共有4跟线，其中有二根信号线，一根是双向的数据线SDA，另一根是时钟线SCL，在IIC总线上可以挂载多个IIC设备。 IIC设备（绝大多数）里有个固化的地址，只有在两条线上传输的值等于IIC设备的固化地址时，其才会作出响应。通常我们为了方便把IIC设备分为主设备和从设备，基本上谁控制时钟线（即控制SCL的电平高低变换）谁就是主设备。 IIC也是一种比较常用的协议，...
esp32 Arduino（九）u8g2图形库 IIC驱动OLED
DOF526570的博客
01-16 1万+
使用U8g2库进行OLED的显示十分简单，首先要包含两个库，U8g2lib和Wire，后者是IIC通信需要用。对于IIC接口的OLED，需要在程序中指定一下引脚的接口定义，如果是SPI接口，可以参考U8g2库自带例程中SPI接口是使用方法。在Ardunio的setup中进行u8g2的初始化。x,y起点坐标w,h图片的宽度和高度`addr图片(数组)的地址。
Arduino U8g2库：图形界面库的强大利器，
m0_60134435的博客
01-24 4327
U8g2库是一款用于Arduino平台的图形库，旨在简化液晶显示器的驱动与控制，我将讲解它的基本用法，如何创建多页，以及使用freeRTOS运行u8g2库
U8g2库使用
m0_60807167的博客
08-28 4608
选择使用的屏幕型号，这里使用的是SSD1306驱动的128 x 64：U8G2_SSD1306_128X64_NONAME_F_SW_I2C u8g2(U8G2_R0, /*clock=*/SCL, /*data=*/SDA, /*reset=*/U8X8_PIN_NONE);这里缓冲区的概念需要清楚：打个比方，上台表演，幕布没拉，观众看不到东西，但演员在后面准备好了，就叫放入缓冲区，一旦拉幕布，就看到了，就是显示这个命令。但只使用后面的就可以了。// 绘制特殊文本图标，比如内置的天气的图标，后面细说。
SSD1306_OLED.rar_IIC_SSD1306_SSD1306 arduino_arduino ssd1306_are
09-21
驱动SSD1306 OLED在Arduino上通常需要使用第三方库，如“Adafruit_SSD1306”或“U8glib”。在Arduino IDE中，通过"Sketch" -> "Include Library" -> "Manage Libraries..."来搜索并安装这些库。 3. **初始化和配置...
oled_ssd1306_单片机_oled_0.96OLED_uno_unossd1306_
09-29
标题 "oled_ssd1306_单片机_oled_0.96OLED_uno_unossd1306_" 指涉的是一个关于使用Arduino Uno单片机控制0.96英寸OLED显示器的项目。在这个项目中，OLED显示屏采用的是SSD1306驱动芯片。描述中提到的"参考代码"暗示...
STM32F407标准库+U8g2图形库，0.96寸OLED驱动
07-02
移植好U8g2图形库的STM32F407标准库工程模板，0.96寸OLED屏（SSD1306）驱动程序，用硬件IIC驱动。 U8g2图形库是一个用于嵌入式设备的单色图形库，支持多种单色OLED和LCD显示控制器，如SSD1306，ST7920等。U8g2库...
U8G2(SSD1306)移植例程 ESP01S(硬件IIC) ESP8266_RTOS_SDK 非arduino
05-09
例程注释非常详细，配置项几乎每一个地方都写了注释 在程序可能有坑的地方，也写了详细的标注，方便...可以说，包括STM系列单片机/ESP32系列通讯模块/BL602(TG7100C)系列，都可以使用此原理做硬件IIC的U8G2图形库的适配
WiFi-ESP8266入门开发(十四)-使用IIC
热门推荐
solar_Lan的博客
02-03 1万+
注：对于ESP8266开源技术感兴趣的可以加群，我们一起探索交流学习，群号：579932824。群名：ESP8266开源技术交流群。 介绍 I2C（Inter Integrated Circuit）是串行总线接口连接协议。它也被称为TWI（双线接口），因为它只使用两根线进行通信。这两条线是SDA（串行数据）和SCL（串行时钟）。 I2C是基于确认的通信协议，即在发送数据之后，发送器检查来自接...
【Arduino库之U8g2lib（单色显示屏的图形库）】
sxstj的博客
11-21 2817
U8g2U8glib是用于单色显示屏的图形库，它可以用于51、Arduino、ARM控制显示屏，目前作者olikraus已经更新到version2了，也就是U8g2lib（下面简称U8g2）。U8g2可处理所有图形支持很多字体（。（几乎）对字体大小没限制微控制器需要一定的存储空间来传递显示U8x8只能输出文字只能输出固定像素的字体直接输出到显示屏，微控制器无需缓冲区U8logOutput of boot/startup information 输出初始化信息。
Arduino教程四——u8g2库OLED屏幕显示
qq_41877902的博客
04-06 1万+
Arduino教程四之u8g2库OLED屏幕显示Hello world
【雕爷学编程】MicroPython手册之 ESP8266 I2C总线
雕爷学编程
09-27 455
使用 i2c.writeto() 方法发送控制命令给 I2C 设备，参数 0x50 是设备地址，b’\x02\x01’ 是要发送的控制命令数据。通过I2C总线，您可以与各种I2C设备进行数据交换，如传感器、显示屏等。通过设置I2C引脚连接，然后在循环中扫描I2C总线上的设备，向每个设备发送数据并接收对应的数据，将设备地址和接收到的数据打印出来。I2C总线支持多主多从的通信模式，即总线上可以有多个主设备和多个从设备，每个设备都有一个唯一的7位或10位地址，主设备可以通过地址选择要通信的从设备。
【零知ESP8266项目篇】1 OLED天气时钟
like_start的博客
11-08 9263
引述： 我们一起学了这么久的零知ESP8266的教程，是不是该检验一下自己了呢?在前面的分享中，有小伙伴留言：太简单！那我就顺水推舟，拔高一下，实践搞个小项目——天气时钟。 到现在为止，作为一个基本的开发者，咱们已经对零知ESP8266有了最基本的了解了，可能你早就按耐不住要做项目了吧！那咱今儿个就做个小项目瞧瞧。继续给我们电子世界的轮廓加一个点。 一、硬件准备 电脑，windows系统 零知ES...
ESP8266开发板 使用IIC引脚，使用GY-30光照强度模块
星羽空间
02-08 1559
arduino ESP8266 IIC控制GY-30光照强度模块
STM32驱动四线I2C的OLED例程
悟已往之不谏 知来者之可追
01-16 6378
一、原理图 二、程序 oled.c #include "oled.h" #include "stdlib.h" #include "oledfont.h" #include "delay.h" //OLED的显存 //存放格式如下. //[0]0 1 2 3 ... 127 //[1]0 1 2 3 ... 127 //[2]0 1 2 3 ... 127 //[3]0 1 2 3...
ssd1306驱动0.96寸oled四针
10-03
ssd1306驱动0.96寸oled四针的过程如下所述： 1. 首先，你需要准备硬件设备，包括ESP8266-NodeMCU开发板和0.96英寸带有四针的OLED屏模块。 2. 然后，你需要安装相应的库文件。你可以在Arduino IDE中搜索并安装“Adafruit SSD1306”这个库和“Adafruit GFX Library”这个库。 3. 接下来，你需要将OLED屏模块与NodeMCU开发板连接。你可以使用4根杜邦线连接它们，确保连接正确。 4. 在你的Arduino IDE中打开一个新的空白项目，并将以下代码复制到项目中： ``` #include <Wire.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> #define OLED_RESET 0 Adafruit_SSD1306 display(OLED_RESET); void setup() { display.begin(SSD1306_SWITCHCAPVCC, 0x3C); display.clearDisplay(); display.setTextColor(SSD1306_WHITE); display.setTextSize(1); display.setCursor(0, 0); display.println("Hello, world!"); display.display(); } void loop() { // 你可以在这里添加你的其他代码 } ``` 5. 在代码中，你需要包含所需的库文件，并创建一个`Adafruit_SSD1306`对象来控制OLED屏。 6. 在`setup()`函数中，你需要初始化OLED屏并设置一些显示参数，例如清空屏幕、设置文本颜色和大小，并打印一些内容。 7. 最后，在`loop()`函数中，你可以添加其他的代码来控制OLED屏的显示。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值