Arduino驱动LED128X64 - U8g2 自定义中文字库

我们在项目中大概率会遇到LED显示中文的需求,而通过汉字取模一个一个的定义中文字,不仅会增加程序编译后占用的存储空间,造成稀缺硬件资源的浪费,而且这种方式对编码的灵活性也不够友好。

本文将介绍如何使用U8g2自带的工具,将项目中常用的汉字定义成自己的汉字库,编码时直接使用u8g2.print(String)方法实现。

在这里感谢其他网友的分享!本文参考了其他网友的内容,但是他们大都是替换到u8g2中现有的字体类型,这会破坏掉u8g2库的完整性。

本文将介绍如何定义自己的u8g2Font类型,而不是替换现有的。

目录

 1. 准备工作

1.1 U8g2-master库

1.2 字体库

1.3 GUITool

1.4 根据您的需要准备.map文件

2 开始制作

 2.1 制作.map文件

2.2 制作.bdf 文件 

2.3 制作U8g2需要的字体代码

2.4 制作自己的U8g2字体类型

3 检验成果

3.1 ST7567驱动屏幕示例 

3.2 SSD1306驱动屏幕示例 

4 兑现“承诺”的地方:资源下载


 1. 准备工作

工欲善其事必先利其器,因此要制作自己的中文字库和字体,需要先做好准备工作,这样才能事半功倍。

1.1 U8g2-master库

您可以去GitHub上下载,点击这里下载

您也可以用GitHub Desktop等其他您熟悉的下载方式。成功下载后,我们将会得到 u8g2-master.zip文件,将其解压缩到您的目录。

注:如果有些朋友因为某些“你懂的”原因不便下载,本文将会提供下载方式。

1.2 字体库

windows系统一般在C:\Windows\Fonts目录内,找到您想要制作的字体,例如我们选择“新宋体”,拷贝到其他文件夹内备用,字体文件为“simsun.ttc”

1.3 GUITool

这个工具是用来制作.bdf文件的。

1.4 根据您的需要准备.map文件

2 开始制作

 

 2.1 制作.map文件

我们假定项目的需求是实现“空气质量数据的展示”,那么我们用到的汉字可能是这些:

温度、湿度、甲醛、有机挥发物、:、哈皮玩(其他您想用的文字)

我们将这些文字整理后可得出字符串:温湿度甲醛有机挥发物哈皮玩:

找一个汉字转Unicode的工具,将汉字转换成Unicode。您可以点击这里使用在线工具进行转换。

 

将您准备好的字符串复制到 左侧 “Unicode编码” 文本框内,点击图中红框按钮“中文 转 Unicode”您就会得到Unicode字符串。

将上图中的红色字符串复制到记事本中,并将"\u"替换成",$",整理后您将得到如下字符串:

$6e29,$6e7f,$5ea6,$7532,$919b,$6709,$673a,$6325,$53d1,$7269,$54c8,$76ae,$73a9,$ff1a

 到您解压好的u8g2-master.zip目录内的build文件夹,目录为:\tools\font\build\

新建一个.map文件,文件名称您可以按照喜好随意命名,例如我们命名为“HaPiWanChineseFont.map”。用记事本工具打开,在里面输入"32-128,",并将上一步您准备好的字符串粘贴进去。您会得到如下内容:

32-128,
$6e29,$6e7f,$5ea6,$7532,$919b,$6709,$673a,$6325,$53d1,$7269,$54c8,$76ae,$73a9,$ff1a

32-128表示ASCII字符范围。

保存该文件待用。

2.2 制作.bdf 文件 

打开下载好的GUITool.exe,点击“其他字体”,点击“打开”选择刚才准备好的字体文件:simsun.ttc,勾选"Bdf"选项。

点击“工具>设置”,确认红框内参数一致性

 最后点击“生成字库”按钮,生成完成后会自动弹出output目录。

将"simsun_U16.bdf"文件拷贝到 u8g2-master目录\tools\font\bdf\内。

2.3 制作U8g2需要的字体代码

使用U8g2提供的工具bdfconv.exe生成字库文件代码,到u8g2-master目录\tools\font\bdfconv\

因为要使用命令行参数对bdfconv.exe进行控制,因此为了方便我们可以在这里新建一个.bat批处理文件,例如新建"HaPiWanChineseFont.bat"文件。文件内容如下:

bdfconv.exe -v -b 0 -f 1 D:\PracticeCode\Arduion\U8G2ChineseFont\u8g2-master\tools\font\bdf\simsun_U16.bdf -M D:\PracticeCode\Arduion\U8G2ChineseFont\u8g2-master\tools\font\build\HaPiWanChineseFont.map -n u8g2_font_hapiwan -o u8g2_font_hapiwan.c -d D:\PracticeCode\Arduion\U8G2ChineseFont\u8g2-master\tools\font\bdf\simsun_U16.bdf

注意:命令中的文件路径要替换成您实际的文件绝对路径。路径中不要出现中文字符,否则工具会执行失败!!!

 bdfconv.exe命令行参数释义:

bdfconv [options] filename
-h Display this help
-v Print log messages
-b <n> Font build mode, 0: proportional, 1: common height, 2: monospace, 3: multiple of 8
-f <n> Font format, 0: ucglib font, 1: u8g2 font, 2: u8g2 uncompressed 8x8 font (enforces -b 3)
-m 'map' Unicode ASCII mapping
-M 'mapfile' Read Unicode ASCII mapping from file 'mapname'
-o <file> C output file
-n <name> C indentifier (font name)
-d <file> Overview picture: Enable generation of bdf.tga and assign BDF font <file> for description
-l <margin> Overview picture: Set left margin
-a Overview picture: Additional font information (background, orange&blue dot)
-t Overview picture: Test string (Woven silk pyjamas exchanged for blue quartz.)-r Runtime test
map := <mapcmd> { "," <mapcmd> }
mapcmd := <default> | <maprange> | <exclude>
default := "*"
maprange := <range> [ ">" <addexpr> ] Move specified glyph <range> to target code <num>
exclude := "~" <range>
range := <addexpr> [ "-" <addexpr> ] Select glyphs within specified range
addexpr := <mulexpr> [ "+" <mulexpr> ]
mulexpr := <num> [ "*" <num> ]
num := <hexnum> | <decnum>
hexnum := "$" <hexdigit> { <hexdigit> }
decnum := <decdigit> { <decdigit> }
decdigit := "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9"
hexdigit := "a" | "b" | "c" | "d" | "e" | "f" | "A" | "B" | "C" | "D" | "E" | "F" | <decdigit>
{ } zero, one ore more, [ ] zero or once, | alternative
example:
-m '32-255' select gylphs from encoding 32 to 255
-m '32-255,~64' select gylphs from encoding 32 to 255, exclude '@'
-m '32,48-57' select space, '1', '2', ... '9'
build modes:
-b 0: Most compact, glyph bitmap is minimal
-b 1: Like -b 0, but glyph bitmap is extended to the height of the largest glyph within the selected glyph list.
Also the width of the gylphs is extended to cover the delta x advance.
-b 2: Like -b 1, but glyph width is set to the width of the largest glyph within the selected gylph list.

-b 3: Like -b 2, but width and height are forced to be a multiple of 8.

感兴趣的朋友,可以研究下这些释义根据需要进行改进。这里我们只用到 -v -b -f -M -n -o -d 参数

双击运行"HaPiWanChineseFont.bat"文件。

我们会看到新加了上面红框内的两个文件,其中 "u8g2_font_hapiwan.c"既是我们通过命令行参数

-n -o 进行指定的,您也可以替换成您喜欢的内容。

用记事本或其他工具打开"u8g2_font_hapiwan.c"文件查看内容,您将会得到如下内容:

/*
  Fontname: -FreeType-SimSun-Medium-R-Normal--16-160-72-72-P-140-ISO10646-1
  Copyright: ?Copyright ZHONGYI Electronic Co. 2001
  Glyphs: 110/28737
  BBX Build Mode: 0
*/
const uint8_t u8g2_font_hapiwan[1924] U8G2_FONT_SECTION("u8g2_font_hapiwan") = 
  "n\0\3\2\4\5\4\5\6\17\20\0\376\13\376\15\377\1\262\3\273\5g \6\0\60\242\0!\10\261"
  "\26\242\70D\2\42\12F\62\243\252DI\324\4#\20\266\22\242\252D-\303\22\365\62,Q/\0$"
  "\27\346\322\241\313\206$J\244D\312V\61\311\22)\221\222d\10\323\10%\26\267\20\242\311\222\246\244\224"
  "\224\22\61\251%\245\244))%\265\4&\25\270\20\242R\243\60\12\243pU\226RK\24i\245dQ"
  "\0'\10B\62\243P\22\5(\14\344\366\241\213jQ\326c\26\26)\15\344\362\241\10ka\326S\26"
  "\325\0*\20\207P\242\213\263(Q\206pR\22-\316\0+\14wR\242\213k\303\220\305\65\0,\10"
  "B\322\241P\22\5-\6\26\262\242\70.\7\42\22\242\30\2/\17\326\362\241\15\323b\32\246\305\64L"
  "S\0\60\16\266\22\242\322\242$\364c\22e\22\0\61\12\265\24\242\212\306\376\64\10\62\16\266\22\242\31"
  "\222\320X\15;\16C\0\63\21\266\22\242\31\222lL\303L\216E\61\31\22\0\64\22\267\22\242L\215"
  "I\26eQ-\32\206\60\16\7\1\65\17\266\22\242\70\244\325!\312\342T\324\242\11\66\20\266\22\242\322"
  "\242$\255,\232hL\262h\1\67\16\266\22\242\70dI\26\246a\332\33\0\70\22\266\22\242\31\222\320"
  "\230D\231\26%\241\61\31\22\0\71\20\266\22\242\231\262$tS\226\264\22e\22\0:\11\202\26\242\30"
  "rd\10;\7\221\326\241H\7<\11\266\22\242\15{\356\1=\11F\222\242\270\243\303\0>\11\266\22"
  "\242\210{\354\25\77\17\266\22\242\31\222P\334\302j\35\23%\0@\25\267\20\242\332J\211\245\242T\224"
  "\212RQ\272La\64$\0A\24\270\20\242\313\201\34P\223\64I\243p\310\32\243\60\231\6B\25\267"
  "\20\242\30\264R\26e\321\220\225\302$L\302$K\6\11C\20\267\20\242\32\224\60\11\345\356@\230d"
  "\331\4D\26\267\20\242\30\264R\230\204I\230\204I\230\204I\230d\311 \1E\25\267\20\242\70\205I"
  "\224E\331\220EY\224\305a\22\16C\2F\22\267\20\242\70\205I\224E\331\220EY\224\305\325\21G"
  "\22\267\20\242\32\242,\312\222\270m\10\243,\312\262\11H\26\270\20\242\230\226\60\12\243\60\12\243a\12"
  "\243\60\12\243\60\231\6I\13\265\22\242\30\244\260\77\15\2J\15\327\320\241\32\304\270\177\312\242!\3K"
  "\23\267\20\242X\226,\252%\341\230\204Q\26e\245,\71L\14\267\20\242X\343~L\302a\20M\26"
  "\267\20\242X\26\223\42)\222\42)\322\22%\245\244\224T\224DN\27\270\20\242\320\26-\322\242$\252"
  "D-Q%\252D\231\224)[\2O\15\267\20\242\332*\251_\223,\233\0P\21\267\20\242\70\205I"
  "\230\204I\246\14R\334:\2Q\16\307\360\241\332*\251_\244$\322v@R\23\270\20\242\270\205Q\30"
  "e\322\240Ea\24f\35\223MS\16\266\22\242\31F\263*\307\242\70,\0T\14\267\20\242\70H\265"
  "\270_'\0U\27\270\20\242\230\226\60\12\243\60\12\243\60\12\243\60\12\243L\33\42\0V\24\270\20\242"
  "\230\226\60\312\32\243\60\12\223\64\211\345\34\10\1W\30\267\20\242P\222)\211\222RRJJK\244h"
  "I\230\204I\230D\0X\21\270\20\242\230\226\60\213\302$v\215\262\306d\32Y\20\267\20\242X\226,"
  "\312*a\222\306]'\0Z\22\267\20\242\31\206\60N\313i\234\206I\70\14\11\0[\12\344\366\241\30"
  "\264\376\267!\134\16\346\322\241\210\323rZN\343\264\234\6]\12\344\362\241\30\262\376\267A^\10$t"
  "\243Q\242\0_\7\30\320\241\70\10`\7#r\243\320\2a\16v\22\242\231\262PRjI\26\15\2"
  "b\21\247\20\242\220[\64\251\230\204I\230d\321\20\1c\14v\22\242\232\62\265\252E\13\0d\22\247"
  "\22\242\224K\203\22&a\22&a\222I\213\0e\16v\22\242\31\222P\34\6\65L\206\4f\15\246"
  "\22\242\323\242\332\240\245\335\6\5g\21\226\322\241\31\266$\213\246xHB\61\31\22\0h\24\250\20\242"
  "\320\201\34\310\201d\323\242\60\12\243\60\12\223ii\13\265\22\242\321tt\354i\20j\14\325\322\241\263"
  "\243c\217\332\240\0k\17\247\20\242\220\233\226(K\302\61\312*\7l\12\265\22\242\212\306\376\64\10m"
  "\16y\20\242P\224LQ\242\376/\213\1n\20x\20\242P\66-\12\243\60\12\243\60\231\6o\15v"
  "\22\242\31\222,\11\35\223!\1p\22\227\320\241P\64\251\230\204I\230d\321\220\245#\0q\21\227\322"
  "\241R\242H\11\223\60\11\243,\33\342tr\14w\20\242X&\251\334\70H\0s\14v\22\242\31F"
  "y\210\305a\1t\15\226\22\242J\263AK;e\12\0u\20x\20\242\320\244\60\12\243\60\12\243L"
  "[\4v\17w\20\242X\226,\312*a\222\306\31\0w\21x\20\242P\224\251K\224(Q\62Fa"
  "\24\1x\16v\22\242X\224(\23\265$\213\22ey\21\230\320\241\230\226\60\213\302(\225\345\34HU"
  "\0z\14v\22\242\70da\65\314\206!{\14\344\370\241R\262\236\302\254\243\0|\7\1\331\241\370!"
  "}\14\344\360\241\20\263\36\243\254\213\4~\12\66r\243\11\23%L\0\177\6\0\60\242\0\0\0\0\4"
  "\377\377S\321&\376\322\301\315\261(S\243P\253CY,\15\207\270<\14\71\220dq\226\304\341\234\306"
  "i\242\205\332\250\3\11\0T\310&\356\362\301GrX\314\62q\310\242,*F\225x\212\245\332\30\25"
  "\243!\32\246\64\314\221\60G\302\34\31&\0^\246%\376\322\301\316\11\71\220\206\312\260\14Y\61\211\242"
  "a\320\212\265\260\66\214\331\60\226\322T\215\325PZu \1c%&\376\322\301\312\341,\216\262a\310"
  "\22)\336\302,\33\306,\212\245\226q\220\222\270I\212\206!\214\303\71\207C\0g\11!\375\324\301\315"
  "\321\34\214\207\207\64G\253\303 &i\26\15C\234\306i<\14q\32\247\71\250\1g:&\376\322\301"
  "\322\321\34\20\303!M\242\342\26\245a\224NE)\211BI\253d-Y\251Vj\214*\361\224\203\0"
  "n)*\376\322\301\311\322\60\32\206\64I+iT\31\206LJ\303hXs\70\311\201(\32N\225\250"
  "K\324%\352\22EZ\222\230\0n\177-\376\322\301\311r,\32\6M\211\303$N\242d\30$)\216"
  "\244a\10+bT\211\206,)\325\222\266J\42\246IZ\311\302%Y\0ri.\376\322\301\253CY"
  "\16$Y\16$Y*\15\311pH\242$\222\222(\211\262RM\311\242dj\211\222,\12ka\26\226"
  "\262\61\7\42\0s\251'\356\362\301\314\201h\33\304\34\316\341\34\213\222d\30\242-J\303(\15\243\64"
  "\214JK\26\215Y\224\206C\246C\0u\62\37\333\366\301\307\206\203\22fI\230%\303!\11\263$\314"
  "\222\341\16\344X\216\345X\216\245\0v\256#\375\322\301\7r\64\7\302\322p\220\302\254\230\3a\16\204"
  "Y\345\30\205\265(L\325T\14\245m\7\2\221\233+\356\362\301\215jC\26%\221\66,\211\222\205\303"
  "\246%JTR\32\207$\21\243L\332\302,\211\206i\13\263\260\26%\303b\2\377\32\11b\24\302\30"
  "\302!\0";

这段代码很重要,我们将用到这段代码来自定义自己的U8g2中文字体类型。

其中,我们自定义的中文字体类型名称为:u8g2_font_hapiwan

2.4 制作自己的U8g2字体类型

这一步,强烈建议您用notepad++或ViSual Studio Code(推荐用这个)进行操作。有些朋友可能会感到好奇,为什么要这样呢?

因为,接下来我们将操作u8g2lib库的源文件,用记事本打开一个将近30M的文件进行读写操作,是一件很痛苦的事情,相信我,不要再尝试了- -!

如果您还没有安装u8g2lib,您可以通过Arduino编辑器的库管理器进行安装。如何安装不再赘述,网上有很多。

您打开库管理器后,可以输入"u8g2"确认您是否已安装,如果没有安装您需要安装一下。安装好后到 Arduino库文件目录内。

如何确定库文件在哪里呢?

打开Arduino编辑器菜单“文件>首选项”。

项目文件夹位置,既是!

您的情况可能和我不同,没关系,按照您的实际情况进行操作即可。因为我的C盘空间吃紧,所以,我将其转移到了其他位置。

到库文件夹目录/libraries/u8g2/src/clib/目录内找到 "u8g2_fonts.c"文件。注意:后面的S

我们还需要用到头文件"u8g2lib.h",在 /libraries/u8g2/src/ 目录内。刚才讲了,用记事本编辑他们是一件痛苦的事情,当然如果您不想下载Visual Studio Code,您也可以任性的"Just Do It".

打开Visual Studio Code,点击菜单"File>Open Folder"选择目录。我的是"D:\PracticeCode\Arduion\doc\libraries\U8g2\src",您根据实际情况来。打开后如下:

因为我们要新建的是中文字体类型,因此我们可以参照u8g2自带的类型,例如:u8g2_font_wqy12_t_chinese1,通过搜索工具进行搜索,可以快速定位它的代码位置,方便我们插入自定义的内容。如下:

点击u8g2_fonts.c搜索结果,将 2.3 中制作的代码段,全部粘贴到此代码文件内,大概在95513行左右,保存文件。如果您的位置和我有出入,没关系,只需要牢记我们“自定义的字库代码类型”,并且确保修改后的文件不会出现语法错误即可。如下图:

接着,我们要修改u8g2lib.h头文件,来为我们自定义的字库代码类型添加声明。

到这里,我们根据项目需要自定义的汉字字体库类型,就可以在代码中直接使用了。是不是很有成就感?就是这种自我满足,支撑我决定写这篇文章,来记录下自己的学习历程,同时,也希望有缘人能够减少弯路,一步到位!

3 检验成果

本章节,需要用到的材料如下:

  1. Arduino UNO开发板及USB数据线
  2. 128X64的LED屏幕一个
  3. 面板版一个
  4. 杜邦线若干

在开始之前,要重点强调下:对于LED屏幕的了解至关重要!这会直接影响您是否能够点亮您的屏幕。

至少需要了解您的屏幕如下参数:

  1. 显示驱动程序
  2. 屏幕支持的数据协议,例如SIP IIC
  3. 各个引脚的含义
  4. 屏幕显示像素
  5. 工作电压、电流,一般3.3V或5V

u8g2的声明类型一定要和您的屏幕驱动相符合!!!

如果您准备好上述内容,那么废话不多说,上测试示例。通过结果来检验,最能够提升我们的满足感!

3.1 ST7567驱动屏幕示例 

/*
 * LED品牌:金逸晨 型号:GMG12864-59D 驱动IC:ST7567
 * 引脚接线释义
 * 引脚说明针对Arduino UNO
 * 序号  板载     官方示例  官例引脚    U8G2
 * 1    /CS     CS        7         10
 * 2    /RES    RST       6         8
 * 3    RS      CD        5         9
 * 4    SCL     SCK       4         13
 * 5    SI      SDA       3         11
 * 6    VDD     VDD                 3.3V
 * 7    VSS     GND                 GND
 * 8    BLA     LEDA      3.3V      3.3V
 * 9    BLK     LEDK      GND       GND
 * 10   IC_SCL  IC_SCK
 * 11   IC_CS   IC_CS     9
 * 12   IS_SO   IC_SDO
 * 13   IC_SI   IC_SDI    8
 * */
#include <Arduino.h>
#include <U8g2lib.h>
 
#ifdef U8X8_HAVE_HW_SPI
#include <SPI.h>
#endif
#ifdef U8X8_HAVE_HW_I2C
#include <Wire.h>
#endif

//一定要注意rotation参数为镜像模式,res针脚必须接到Arduino,否则不显示
//u8g2的类型要根据您的屏幕驱动来定,这点很重要,否则工作不正常
U8G2_ST7567_ENH_DG128064I_1_4W_SW_SPI u8g2(U8G2_MIRROR, /* clock=*/ 13, /* data=*/ 11, /* cs=*/ 10, /* dc=*/ 9, /* reset=*/ 8);

void setup(void) {
  u8g2.begin();
  u8g2.enableUTF8Print();
}

void loop(void) {
  u8g2.firstPage();
  do{
    // 设置字体类型为我们刚才自定义的字库类型
    u8g2.setFont(u8g2_font_hapiwan); 

    //汉字字体的大小为 16*16像素 屏幕像素宽128,设置x=40,可以起到居中效果,计算公式:(128-16*3) / 2
    u8g2.setCursor(/*x*/40, /*y*/16); 
    //直接用print方法将String类型输出到屏幕
    u8g2.print("哈皮玩");
  
    //利用U8g2自带的字体类型画天气符号
    u8g2.setFont(u8g2_font_open_iconic_weather_2x_t);
    u8g2.drawGlyph(3, 16, 67);//代表雨
    
    //画一条横线
    u8g2.drawLine(/*x-start*/0, /*y-start*/18, /*x-end*/128, /*y-end*/18);
    
    //将字体设置回来
    u8g2.setFont(u8g2_font_hapiwan); 
    //测试这种字体下屏幕可以显示的ASCII字符有几个,测试结果ASCII字符大小约为8*12
    u8g2.drawStr(/*x*/0,/*y*/30,/*字符串*/"ABCDEF0123456789");
    
    u8g2.setCursor(0, 46);
    u8g2.print("温度:28.9");
  
    //利用U8g2自带的字体类型绘制温度符号
    u8g2.setFont(u8g2_font_logisoso16_tf);
    u8g2.setCursor(80, 48);
    u8g2.print("°C");
    
    //将字体设置回来
    u8g2.setFont(u8g2_font_hapiwan); 
    u8g2.setCursor(0, 62);
    u8g2.print("湿甲醛有机挥发物");
    
    //画边框线示例。先执行此代码,后面在画字体时,可能会将“线条”冲掉
    u8g2.drawFrame(/*x*/0,/*y*/0,/*width*/128,/*height*/64);
  } while(u8g2.nextPage());
  
  delay(200);  
}

由于这个显示器带有背光,因此板子上的VDD和BLA都要接3.3V,同时VSS和BLK都要接GND。如果直接背光电源,显示器显示效果会闪烁。如果不接背光电源,需要仔细看才能看清楚屏幕内容- -! 

代码执行后的效果如下:

这个屏幕尺寸比较大,但是分辨率差强人意。

显示器规格图

3.2 SSD1306驱动屏幕示例 

换一个0.96寸的,这个屏幕我比较喜欢,分辨率高,显示细腻,而且稳定。因为该屏幕的显示驱动和上一个不同,因此我们需要将代码稍作修改。

/*
 * LED品牌:未知 型号:GMD09601 SERIES-2864KLBEG01 驱动IC:SSD1306
 * 引脚接线释义
 * 引脚说明针对Arduino UNO
 * 序号  板载  引脚    U8G2
 * 1    GND   GND   
 * 2    VCC   3.3V
 * 3    D0    13    SCK
 * 4    D1    11    MOSI
 * 5    RES   8   
 * 6    DC    9     SPI数据、命令引脚
 * 7    CS    10    SPI Chip Select
 * */
#include <Arduino.h>
#include <U8g2lib.h>
 
#ifdef U8X8_HAVE_HW_SPI
#include <SPI.h>
#endif
#ifdef U8X8_HAVE_HW_I2C
#include <Wire.h>
#endif

//res针脚必须接到Arduino,否则不显示
//构造函数res可以省略,如果RES接到Arduino的RES引脚,屏幕也会点亮,但是感觉时序不对
//u8g2的类型要根据您的屏幕驱动来定,这点很重要,否则工作不正常

//务必注意:这里使用的是FULL_BUFFER方式,比较占用内存,仅为演示!!!
U8G2_SSD1306_128X64_NONAME_F_4W_SW_SPI u8g2(U8G2_R0, /* clock=*/ 13, 
    /* data=*/ 11, /* cs=*/ 10, /* dc=*/ 9, /* reset=*/ 8);

void setup(void) {
  u8g2.begin();
  u8g2.enableUTF8Print();
}

void loop(void) {
  // 清除内部缓冲区
  u8g2.clearBuffer();
  
  // 设置字体类型为我们刚才自定义的字库类型
  u8g2.setFont(u8g2_font_hapiwan); 
  
  //汉字字体的大小为 16*16像素 屏幕像素宽128,设置x=40,可以起到居中效果,计算公式:(128-16*3) / 2
  u8g2.setCursor(/*x*/40, /*y*/15); 
  //直接用print方法将String类型输出到屏幕
  u8g2.print("哈皮玩");

  //利用U8g2自带的字体类型画天气符号
  u8g2.setFont(u8g2_font_open_iconic_weather_2x_t);
  u8g2.drawGlyph(3, 16, 67);//代表雨
  
  //画一条横线
  u8g2.drawLine(/*x-start*/0, /*y-start*/17, /*x-end*/128, /*y-end*/17);
  
  //将字体设置回来
  u8g2.setFont(u8g2_font_hapiwan); 
  //测试这种字体下屏幕可以显示的ASCII字符有几个,测试结果ASCII字符大小约为8*12
  u8g2.drawStr(/*x*/0,/*y*/30,/*字符串*/"ABCDEF0123456789");
  
  u8g2.setCursor(0, 46);
  u8g2.print("温度:28.9");

  //利用U8g2自带的字体类型绘制温度符号
  u8g2.setFont(u8g2_font_logisoso16_tf);
  u8g2.setCursor(80, 48);
  u8g2.print("°C");
  
  //将字体设置回来
  u8g2.setFont(u8g2_font_hapiwan); 
  u8g2.setCursor(0, 62);
  u8g2.print("湿甲醛有机挥发物");
  
  //画边框线示例。先执行此代码,后面在画字体时,可能会将“线条”冲掉
  u8g2.drawFrame(/*x*/0,/*y*/0,/*width*/128,/*height*/64);
  
  // transfer internal memory to the display
  u8g2.sendBuffer();          
  
  delay(200);  
}

4 兑现“承诺”的地方:资源下载

所需工具资料下载地址 点击进入资源下载页面

 

  • 21
    点赞
  • 139
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值