u8g2库中文以及图片的显示入门

使用的是0.96寸的四脚OLED，芯片为ESP-WROOM-32。

汉字滚动：
（屏幕为128x64）

int y = 1, x = 0;   //改变y的值可以调节位移速度
void loop()
{if (x <= 256){u8g2.clearBuffer();                         u8g2.setFont(u8g2_font_unifont_t_chinese1); //设置字体u8g2.setCursor(x, 15);                      //tx=x,ty=y(x轴[128],y轴[64])u8g2.print("中文");u8g2.setCursor(x - 128, 15);              u8g2.print("中文");delay(20);         //延时程序，可以降低位移速度x = x + y;u8g2.sendBuffer(); }else{x = 0;}
}

字库建立的方法请参考：Arduino驱动LED128X64 - U8g2 自定义中文字库_在求学的路上越走越远-CSDN博客_u8g2自定义字库

或者通过PCtoLCD2002软件进行取模，这样可以规定字体的大小。如果使用建立字库或者直接使用原始字库，其字体大小时固定的。

图片显示：

static const unsigned char al_logo[] 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, 0x00, 0x00, 0x00, 0x00, 0x00, 0x3C, 0x80, 0x07,0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0xF8, 0x00, 0x3C, 0x80, 0x07, 0x00,0x00, 0x00, 0x00, 0x00, 0x00, 0xFE, 0x03, 0x3C, 0x80, 0x07, 0x00, 0x00,0x00, 0x00, 0x00, 0x00, 0xFF, 0x03, 0x3C, 0x80, 0x07, 0x00, 0x00, 0x00,0x00, 0x00, 0x80, 0xCF, 0x07, 0x3C, 0x80, 0x07, 0x00, 0x00, 0x00, 0x00,0x00, 0x80, 0x83, 0x07, 0x3C, 0x80, 0x07, 0xF8, 0x00, 0x00, 0x00, 0x00,0x00, 0x81, 0x07, 0x3C, 0x80, 0x07, 0xFC, 0x03, 0x1C, 0x00, 0x3E, 0x1C,0xC0, 0x03, 0x3C, 0x80, 0x07, 0xFF, 0x07, 0x7F, 0x80, 0xFF, 0x3F, 0xE0,0x01, 0x3C, 0x80, 0x07, 0xFF, 0x8F, 0xFF, 0xC1, 0xFF, 0x3F, 0xF0, 0x00,0x3C, 0x80, 0x87, 0xFF, 0xDF, 0xFF, 0xC1, 0xC3, 0x07, 0x7C, 0x00, 0x3C,0x80, 0x87, 0x0F, 0xFE, 0xFF, 0xE3, 0x81, 0x03, 0x1E, 0x00, 0x3C, 0x80,0xC7, 0x07, 0xFC, 0xE3, 0xE3, 0x81, 0x07, 0x0F, 0x00, 0x3C, 0x80, 0xC7,0x07, 0xF8, 0xC1, 0xE7, 0x81, 0x87, 0xFF, 0x07, 0x3C, 0x80, 0xC7, 0x03,0xF0, 0x80, 0xE7, 0xC3, 0x87, 0xFF, 0x07, 0x3C, 0x80, 0xC7, 0x03, 0x70,0x80, 0xC7, 0xE7, 0x83, 0xFF, 0x07, 0x3C, 0x80, 0xC7, 0x03, 0x78, 0x80,0xC7, 0xFF, 0x03, 0x00, 0x00, 0x3C, 0x80, 0xC7, 0x03, 0xF8, 0xC0, 0x87,0xFF, 0x01, 0x00, 0x00, 0x3C, 0x80, 0xC7, 0x07, 0xFC, 0xC1, 0xC7, 0x7F,0x00, 0x00, 0x00, 0x3C, 0xC0, 0x87, 0x0F, 0xFE, 0xFF, 0xE3, 0x01, 0x00,0x00, 0x00, 0x78, 0xC0, 0x83, 0xFF, 0xDF, 0xFF, 0xE3, 0x03, 0x00, 0x00,0x00, 0xF8, 0xF1, 0x03, 0xFF, 0x8F, 0xFF, 0xE1, 0xFF, 0x07, 0x00, 0x00,0xF0, 0xFF, 0x01, 0xFE, 0x0F, 0xFF, 0xC0, 0xFF, 0x0F, 0x00, 0x00, 0xE0,0xFF, 0x00, 0xFC, 0x03, 0x7C, 0xC0, 0xFF, 0x1F, 0x00, 0x00, 0x80, 0x3F,0x00, 0xF8, 0x01, 0x00, 0xE0, 0x01, 0x1E, 0x00, 0x00, 0x00, 0x00, 0x00,0x00, 0x00, 0x00, 0xF0, 0x00, 0x1E, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,0x00, 0x00, 0xF0, 0x00, 0x1E, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,0x20, 0xF0, 0xC7, 0x0F, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x60,0xE0, 0xFF, 0x0F, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x60, 0xC0,0xFF, 0x03, 0x00, 0x00, 0xFC, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0x01, 0xFF,0x00, 0x00, 0x00, 0xF8, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0x03, 0x00, 0x00,0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x60, 0x00, 0x00, 0x00, 0x00,0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x60, 0x00, 0x00, 0x00, 0x00, 0x00,0x00, 0x00, 0x00, 0x00, 0x00, 0x60, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,0x00, 0x00, 0x00, 0x00, 0x60, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,0x00, 0x00, 0x00, 0x60, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,0x00, 0x00, 0x60, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,0x00, 0x60, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,0x40, 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 setup()
{u8g2.begin();
}
void loop()
{u8g2.firstPage();do{u8g2.setFont(u8g2_font_ncenB14_tr);    //设置字体u8g2.drawXBMP(0, 0, 85, 44, al_logo);  // (0,0)为显示的起始位置；(85，44)为图片的大小，需要根据实际图片的大小来更改} while (u8g2.nextPage());
}

图片取模的方法请参考：
（1）(18条消息) U8g2显示BMP图片 PCtoLCD2002取模_在求学的路上越走越远-CSDN博客_pctolcd2002怎么显示图片

（2）(18条消息) 0.96寸OLED显示图片_Hh刘的博客-CSDN博客_oled显示图片

其他：
一、用户选择界面

  u8g2.firstPage();do{u8g2.setFont(u8g2_font_6x10_tf); u8g2.setFontRefHeightAll();    //这将为按钮内的文本添加一些额外的空间 u8g2.userInterfaceMessage("Title1", "Title2", "Title3", " Ok \n Cancel ");  //用户选择界面} while (u8g2.nextPage());

二、特殊图形
特殊图像有很多，这是其中的一部分。

  u8g2.firstPage();do{    u8g2.setFont(u8g2_font_unifont_t_symbols);      //特殊图形，见图标u8g2.drawGlyph(5, 20, 0x2603);  //dec 9731/hex 2603 Snowman （对应下图的位置） } while (u8g2.nextPage());

部分图形编号如下图：

第一次发，如果有什么不对的地方，请各位大佬指出来，我一定改正或者有什么更好的方法也请大佬们能够指点指点。
这里祝大家每天开心，工作愉快，学习天天向上。

u8g2库中文以及图片的显示入门相关推荐

STM32F103xx TFT液晶显示ASCII字符串、中文、图片并且显示带有镜像和旋转功能
STM32F103xx TFT液晶显示ASCII字符串.中文.图片带有镜像和旋转功能编译器平台及例程说明编译器说明例程说明参考例程一.镜像显示说明二.旋转显示说明三.数据结构和宏定义四 ...
含有中文的图片正常显示（微信小程序）
将含有中文的图片正常显示出来图片名称:https://XXXXX/李现赤狐书生.jpg 方法非常简单,就是普通的url进行一下转码将原本的url替换成encodeURI(url)即可 urlTr ...
python image库保存图片_python PIL 打开\显示\保存图像
使用python进行数字图片处理,还得安装Pillow包.虽然python里面自带一个PIL(python images library), 但这个库现在已经停止更新了,所以使用Pillow, 它是由 ...
关于128x64 SH1106的OLED屏幕使用U8g2库显示中文
关于128x64 SH1106的OLED屏幕使用U8g2库驱动讲解首先感谢: 1.坛友:知行创意实验室 2. oled 3. u8g2如何显示中文上面的最先发文讲解了有关SH1106的OLED屏幕 ...
linux系统python截图不显示中文_Linux运维知识之解决linux系统下python中的matplotlib模块内的pyplot输出图片不能显示中文的问题...
本文主要向大家介绍了Linux运维知识之解决linux系统下python中的matplotlib模块内的pyplot输出图片不能显示中文的问题,通过具体的内容向大家展现,希望对大家学习Linux运维知 ...
Python 技术篇-使用pygame库展示界面添加图片不显示问题解决办法
用 pygame 库做音乐播放器封面的时候发现添加的图片没有显示. 这是原代码: screen = pygame.display.set_mode([300,300]) img = pygame.im ...
linux服务器下如何显示中文的图片,Linux服务器中文显示问题
西部数码的流量不够用了,不想续费,只好搬到国外去了,可是问题接二连三的,看来还是虚拟主机省心. 问题开始于勋章图片不显示,新窗打开变成了404 Not Found,一看URL,文件名成乱码了,这才想起 ...
svg上传服务器无法显示,让WordPress支持上传SVG格式图片并显示在媒体库中的方法...
让WordPress支持上传SVG格式图片并显示在媒体库中的方法发布时间:2020-12-11 14:18:12 来源:亿速云阅读:167 作者:小新这篇文章将为大家详细讲解有关让WordPre ...
8051单片机Proteus仿真与开发实例-OLED显示屏(SSD1306控制器)I2C驱动显示中文及图片仿真
OLED显示屏(SSD控制器)I2C驱动显示中文及图片仿真 1.OLED显示屏介绍在前面的实例中,已经介绍了OLED显示屏,在这里就不展开介绍了,请参考: OLED显示屏(SSD1306控制器)I2 ...
wordpress搜索不了中文linux,WordPress上传带中文汉字名称的图片不显示的解决办法...
以上是WordPress上传带中文汉字名称的图片不显示的情况,正常上传成功的话,在上图两个地方都会有图片缩略图显示.相信很多WordPress装载linux系统上的朋友都会遇到这样的错误. WordP ...

u8g2库中文以及图片的显示入门

u8g2库中文以及图片的显示入门相关推荐

最新文章

热门文章