nodemcu-firmware/docs/en/modules/u8g2.md

17 KiB

u8g2 Module

Since Origin / Contributor Maintainer Source
2017-06-02 Oli Kraus, Arnim Läuger Arnim Läuger u8g2.c

U8g2 is a graphics library developed at olikraus/u8g2 with support for many different displays. It is the successor of U8glib which is not developed any further. Please see How to port U8g code for generic porting instructions.

The NodeMCU firmware supports the following displays in I²C and SPI mode:

  • ld7032 60x32
  • sh1106 128x64
  • ssd1305 128x32
  • ssd1306 - variants 128x32, 128x64, 64x48, and 96x16
  • ssd1309 128x64
  • ssd1325 128x63
  • ssd1327 96x96
  • st7588 jlx12864
  • uc1601 128x32
  • uc1604 jlx19264
  • uc1608 - 240x180 and erc24064 variants
  • ux1610 dogxl160
  • uc1611 - variants dogm240, dogxl240, and ew50850

SPI only:

  • il3820 v2 296x128
  • ist3020 erc19264
  • ls013b7dh03 128x128
  • max7219 32x8
  • nt7534 tg12864r
  • pcd8544 84x48
  • pcf8812 96x65
  • sed1520 122x32
  • ssd1322 nhd 256x64
  • ssd1329 128x96
  • ssd1606 172x72
  • ssd1607 200x200
  • st7565 - variants 64128n, dogm128/132, erc12864, lm6059, c12832/c12864, and zolen 128x64
  • st7567 - 132x64 and jlx12864 variants
  • st75256 - jlx172104 and jlx256128 variants
  • uc1701 - dogs102 and mini12864 variants

This integration uses full "RAM" memory buffer without picture loop and calls u8g2's begin() internally when creating a display object. It is based on v2.19.8.

Overview

Library Usage

The Lua bindings for this library closely follow u8g2's object oriented C++ API. Based on the u8g2 class, you create an object for your display type. The communication interface has to be initialized up front, refer to the examples below on how to do this.

SSD1306 via I²C:

sla = 0x3c
disp = u8g2.ssd1306_i2c_128x64_noname(id, sla)

SSD1306 via SPI:

cs  = 22
dc  = 16
res = 0 -- RES is optional YMMV
disp = u8g2.ssd1306_128x64_noname(bus, cs, dc, res)

This object provides all of u8g2's methods to control the display. Refer to graphics_test.lua to get an impression how this is achieved with Lua code. Visit the u8g2 homepage for technical details.

Displays selection

I²C and HW SPI based displays with support in u8g2 can be enabled.

The procedure is different for ESP8266 and ESP32 platforms.

ESP8266

Add the desired entries to the I²C or SPI display tables in app/include/u8g2_displays.h:

#define U8G2_DISPLAY_TABLE_I2C \
  U8G2_DISPLAY_TABLE_ENTRY(u8g2_Setup_ssd1306_i2c_128x64_noname_f, ssd1306_i2c_128x64_noname) \

#define U8G2_DISPLAY_TABLE_SPI \
  U8G2_DISPLAY_TABLE_ENTRY(u8g2_Setup_ssd1306_128x64_noname_f, ssd1306_128x64_noname) \
  U8G2_DISPLAY_TABLE_ENTRY(u8g2_Setup_pcd8544_84x48_f, pcd8544_84x48) \
  U8G2_DISPLAY_TABLE_ENTRY(u8g2_Setup_pcf8812_96x65_f, pcf8812_96x65) \

ESP32

Enable the desired entries for I²C and SPI displays in u8g2's sub-menu (run make menuconfig).

Fonts selection

U8g2 comes with a wide range of fonts for small displays. Fonts can be supplied as strings or compiled into the firmware image to decrease the RAM footprint. If compiled into the firmware they become available as u8g2.<font_name> in Lua.

The procedure is different for ESP8266 and ESP32 platforms.

ESP8266

Add the desired fonts to the font table in app/include/u8g2_fonts.h:

#define U8G2_FONT_TABLE \
  U8G2_FONT_TABLE_ENTRY(font_6x10_tf) \
  U8G2_FONT_TABLE_ENTRY(font_unifont_t_symbols) \

ESP32

Add the desired fonts to the font selection sub-entry via make menuconfig.

Bitmaps

XBM bitmaps are supplied as strings to drawXBM() in contrast to the source code based inclusion of XBMs in upstream u8g2 library. This off-loads all data handling from the u8g2 module to generic methods for binary files. See graphics_test.lua.

Conversion of XBM bitmaps can be performed online with Online-Utility's Image Converter: Convert from XBM to MONO format and upload the binary result.

I²C Display Drivers

Initialize a display via I²C.

  • u8g2.ld7032_i2c_60x32()
  • u8g2.sh1106_i2c_128x64_noname()
  • u8g2.sh1106_i2c_128x64_vcomh0()
  • u8g2.ssd1305_i2c_128x32_noname()
  • u8g2.ssd1306_i2c_128x32_univision()
  • u8g2.ssd1306_i2c_128x64_noname()
  • u8g2.ssd1306_i2c_128x64_vcomh0()
  • u8g2.ssd1309_i2c_128x64_noname0()
  • u8g2.ssd1309_i2c_128x64_noname2()
  • u8g2.ssd1306_i2c_64x48_er()
  • u8g2.ssd1306_i2c_96x16_er()
  • u8g2.ssd1325_i2c_nhd_128x64()
  • u8g2.ssd1327_i2c_seeed_96x96()
  • u8g2.st7588_i2c_jlx12864()
  • u8g2.uc1602_i2c_128X32()
  • u8g2.uc1604_i2c_jlx19264()
  • u8g2.uc1608_i2c_erc24064()
  • u8g2.uc1608_i2c_240x128()
  • u8g2.uc1610_i2c_ea_dogxl160()
  • u8g2.uc1611_i2c_ea_dogm240()
  • u8g2.uc1611_i2c_ea_dogxl240()
  • u8g2.uc1611_i2c_ew50850()

Syntax

u8g2.ssd1306_i2c_128x64_noname(id, address[, cb_fn])

Parameters

Returns

u8g2 display object

Example for ESP8266

id  = 0
sda = 5 -- GPIO14
scl = 6 -- GPIO12
sla = 0x3c
i2c.setup(id, sda, scl, i2c.SLOW)
disp = u8g2.ssd1306_i2c_128x64_noname(id, sla)

Example for ESP32

id  = i2c.HW0
sda = 16
scl = 17
sla = 0x3c
i2c.setup(id, sda, scl, i2c.FAST)
disp = u8g2.ssd1306_i2c_128x64_noname(id, sla)

SPI Display Drivers

Initialize a display via Hardware SPI.

  • u8g2.il3820_v2_296x128()
  • u8g2.ist3020_erc19264()
  • u8g2.ld7032_60x32()
  • u8g2.ls013b7dh03_128x128()
  • u8g2.max7219_32x8()
  • u8g2.nt7534_tg12864r()
  • u8g2.pcd8544_84x48()
  • u8g2.pcf8812_96x65()
  • u8g2.sh1106_128x64_noname()
  • u8g2.sh1106_128x64_vcomh0()
  • u8g2.ssd1305_128x32_noname()
  • u8g2.ssd1306_128x32_univision()
  • u8g2.ssd1306_128x64_noname()
  • u8g2.ssd1306_128x64_vcomh0()
  • u8g2.ssd1306_64x48_er()
  • u8g2.ssd1306_96x16_er()
  • u8g2.ssd1309_128x64_noname0()
  • u8g2.ssd1309_128x64_noname2()
  • u8g2.sed1520_122x32()
  • u8g2.ssd1322_nhd_256x64()
  • u8g2.ssd1325_nhd_128x64()
  • u8g2.ssd1327_seeed_96x96()
  • u8g2.ssd1329_128x96_noname()
  • u8g2.ssd1606_172x72()
  • u8g2.ssd1607_200x200()
  • u8g2.st7565_64128n()
  • u8g2.st7565_ea_dogm128()
  • u8g2.st7565_ea_dogm132()
  • u8g2.st7565_erc12864()
  • u8g2.st7565_lm6059()
  • u8g2.st7565_nhd_c12832()
  • u8g2.st7565_nhd_c12864()
  • u8g2.st7565_zolen_128x64()
  • u8g2.st7567_jxl12864()
  • u8g2.st7567_pi_132x64()
  • u8g2.st7588_jlx12864()
  • u8g2.st7920_s_128x64()
  • u8g2.st7920_s_192x32()
  • u8g2.st75256_jlx172104()
  • u8g2.st75256_jlx256128()
  • u8g2.uc1601_128X32()
  • u8g2.uc1604_jlx19264()
  • u8g2.uc1608_240x128()
  • u8g2.uc1608_erc24064()
  • u8g2.uc1610_ea_dogxl160()
  • u8g2.uc1611_ea_dogm240()
  • u8g2.uc1611_ea_dogxl240()
  • u8g2.uc1611_ew50850()
  • u8g2.uc1701_ea_dogs102()
  • u8g2.uc1701_mini12864()

Syntax

u8g2.ssd1306_128x64_noname(bus, cs, dc[, [res][, cb_fn]])

Parameters

  • bus SPI master bus
  • cs GPIO pin for CS
  • dc GPIO pin for DC
  • res GPIO pin for RES, none if omitted
  • cb_fn optional callback function, see Framebuffer callback

Returns

u8g2 display object

Example for ESP8266

-- Hardware SPI CLK  = GPIO14
-- Hardware SPI MOSI = GPIO13
-- Hardware SPI MISO = GPIO12 (not used)
-- Hardware SPI /CS  = GPIO15 (not used)
cs  = 8 -- GPIO15, pull-down 10k to GND
dc  = 4 -- GPIO2
res = 0 -- GPIO16
bus = 1
spi.setup(bus, spi.MASTER, spi.CPOL_LOW, spi.CPHA_LOW, 8, 8)
-- we won't be using the HSPI /CS line, so disable it again
gpio.mode(8, gpio.INPUT, gpio.PULLUP)
disp = u8g2.ssd1306_128x64_noname(bus, cs, dc, res)

Example for ESP32

sclk = 19
mosi = 23
cs   = 22
dc   = 16
res  = 17
bus = spi.master(spi.HSPI, {sclk=sclk, mosi=mosi})
disp = u8g2.ssd1306_128x64_noname(bus, cs, dc, res)

Framebuffer callback

Each display type can be initialized to provide the framebuffer contents in run-length encoded format to a Lua callback. This mode is enabled when a callback function is specified for the setup function. Hardware display and framebuffer callback can be operated in parallel. If the callback function is the only parameter then no signals for a hardware display are generated, leaving a virtual display.

The callback function can be used to process the framebuffer line by line. It's called with either nil as parameter to indicate the start of a new frame or with a string containing a line of the framebuffer with run-length encoding. First byte in the string specifies how many pairs of (x, len) follow, while each pair defines the start (leftmost x-coordinate) and length of a sequence of lit pixels. All other pixels in the line are dark.

n = struct.unpack("B", rle_line)
print(n.." pairs")
for i = 0,n-1 do
  print(string.format("  x: %d len: %d", struct.unpack("BB", rle_line, 1+1 + i*2)))
end

Syntax

u8g2.ssd1306_i2c_128x64_noname(id, address[, cb_fn])
u8g2.ssd1306_i2c_128x64_noname(cb_fn)
u8g2.ssd1306_128x64_noname(bus, cs, dc[, [res][, cb_fn]])
u8g2.ssd1306_128x64_noname(cb_fn)

Parameters

  • id, address, bus, cs, dc, res see above
  • cb_fn([rle_line]) callback function. rle_line is a string containing a run-length encoded framebuffer line, or nil to indicate start of frame.

Constants

Constants for various functions.

u8g2.DRAW_UPPER_RIGHT, u8g2.DRAW_UPPER_LEFT, u8g2.DRAW_LOWER_RIGHT, u8g2.DRAW_LOWER_LEFT, u8g2.DRAW_ALL,

u8g2.R0, u8g2.R1, u8g2.R2, u8g2.R3, u8g2.MIRROR,

u8g2.font_6x10, ...

u8g2.disp Sub-Module

u8g2.disp:clearBuffer()

Clears all pixel in the memory frame buffer.

See u8g2 clearBuffer().

u8g2.disp:drawBox()

Draw a box (filled frame).

See u8g2 drawBox().

u8g2.disp:drawCircle()

Draw a circle.

See u8g2 drawCircle().

Note that parameter opt is optional and defaults to u8g2.DRAW_ALL if omitted.

u8g2.disp:drawDisc()

Draw a filled circle.

See u8g2 drawDisc().

Note that parameter opt is optional and defaults to u8g2.DRAW_ALL if omitted.

u8g2.disp:drawEllipse()

Draw an ellipse.

See u8g2 drawEllipse().

Note that parameter opt is optional and defaults to u8g2.DRAW_ALL if omitted.

u8g2.disp:drawFilledEllipse()

Draw a filled ellipse.

See u8g2 drawFilledEllipse().

Note that parameter opt is optional and defaults to u8g2.DRAW_ALL if omitted.

u8g2.disp:drawFrame()

Draw a frame (empty box).

See u8g2 drawFrame().

u8g2.disp:drawGlyph()

Draw a single character.

See u8g2 drawGlyph().

u8g2.disp:drawHLine()

Draw a horizontal line.

See u8g2 drawHLine().

u8g2.disp:drawLine()

Draw a line between two points.

See u8g2 drawLine().

u8g2.disp:drawPixel()

Draw a pixel.

See u8g2 drawPixel().

u8g2.disp:drawRBox()

Draw a box with round edges.

See u8g2 drawRBox().

u8g2.disp:drawRFrame()

Draw a frame with round edges.

See u8g2 drawRFrame().

u8g2.disp:drawStr()

Draw a string.

See u8g2 drawStr().

u8g2.disp:drawTriangle()

Draw a triangle (filled polygon).

See u8g2 drawTriangle().

u8g2.disp:drawUTF8()

Draw a string which is encoded as UTF-8.

See u8g2 drawUTF8().

u8g2.disp:drawVLine()

Draw a vertical line.

See u8g2 drawVLine().

u8g2.disp:drawXBM()

Draw a XBM Bitmap.

See u8g2 drawXBM().

XBM bitmaps are supplied as strings to drawXBM(). This off-loads all data handling from the u8g2 module to generic methods for binary files. See graphics_test.lua.

In contrast to the source code based inclusion of XBMs in upstream u8g2 library, it's required to provide precompiled binary files. This can be performed online with Online-Utility's Image Converter: Convert from XBM to MONO format and upload the binary result.

u8g2.disp:getAscent()

Returns the reference height of the glyphs above the baseline (ascent).

See u8g2 getAscent().

u8g2.disp:getDescent()

Returns the reference height of the glyphs below the baseline (descent).

See u8g2 getDescent().

u8g2.disp:getStrWidth()

Return the pixel width of string.

See u8g2 getStrWidth().

u8g2.disp:getUTF8Width()

Return the pixel width of an UTF-8 encoded string.

See u8g2 getUTF8Width().

u8g2.disp:sendBuffer()

Send the content of the memory frame buffer to the display.

See u8g2 sendBuffer().

u8g2.disp:setBitmapMode()

Define bitmap background color mode.

See u8g2 setBitmapMode().

u8g2.disp:setContrast()

Set the contrast or brightness.

See u8g2 setContrast().

u8g2.disp:setDisplayRotation()

Changes the display rotation.

See u8g2 setDisplayRotation().

u8g2.disp:setDrawColor()

Defines the bit value (color index) for all drawing functions.

See u8g2 setDrawColor().

u8g2.disp:setFlipMode()

Set flip (180 degree rotation) mode.

See u8g2 setFlipMode().

u8g2.disp:setFont()

Define a u8g2 font for the glyph and string drawing functions. They can be supplied as strings or compiled into the firmware image. They are available as u8g2.<font_name> in Lua.

See u8g2 setFont().

u8g2.disp:setFontDirection()

Set the drawing direction of all strings or glyphs.

See u8g2 setFontDirection().

u8g2.disp:setFontMode()

Define font background color mode.

See u8g2 setFontMode().

u8g2.disp:setFontPosBaseline()

Change the reference position for the glyph and string draw functions to "baseline".

See u8g2 setFontPosBaseline().

u8g2.disp:setFontPosBottom()

Change the reference position for the glyph and string draw functions to "bottom".

See u8g2 setFontPosBottom().

u8g2.disp:setFontPosTop()

Change the reference position for the glyph and string draw functions to "top".

See u8g2 setFontPosTop().

u8g2.disp:setFontPosCenter()

Change the reference position for the glyph and string draw functions to "center".

See u8g2 setFontPosCenter().

u8g2.disp:setFontRefHeightAll()

Set ascent and descent calculation mode to "highest and lowest glyph".

See u8g2 setFontRefHeightAll().

u8g2.disp:setFontRefHeightExtendedText()

Set ascent and descent calculation mode to "highest of [A1(], lowest of [g(]".

See u8g2 setFontRefHeightExtendedText().

u8g2.disp:setFontRefHeightText()

Set ascent and descent calculation mode to "highest of [A1], lowest of [g]".

See u8g2 setFontRefHeightText().

u8g2.disp:setPowerSave()

Activate or disable power save mode of the display.

See u8g2 setPowerSave().