Setting up lvgl_micropython on the Sunton ESP32 2432S032C 3.2" Capacitive touch LCD board

[gitcnd]

Setting up lvgl_micropython on the Sunton ESP32 2432S032C 3.2" Capacitive touch LCD board

Below is how I got the screen and touch working on my Sunton ESP32 2432S032

Build:-

python3 make.py esp32 BOARD=ESP32_GENERIC BOARD_VARIANT=SPIRAM DISPLAY=st7789 INDEV=gt911

(Optional) backup your flash before overwriting it:

export PORT=/dev/ttyS6 esptool.py --port $PORT read_flash 0x0 0x400000 lcd_3.2inch_ESP32-2432S032C.bin

Flash:-

esptool.py --port $PORT write_flash 0x0 lvgl_micropy_ESP32_GENERIC-SPIRAM-4.bin

Upload a test:-

ampy --port $PORT put lvgl_test_2432S032C.py

Run it:-

mcu_serial.pl -port $PORT
import lvgl_test_2432S032C.py

The test program:

cat lvgl_test_2432S032C.py

# WORKS lvgl_test_2432S032C.py

import lcd_bus
from micropython import const
import machine
from i2c import I2C



# display settings
_WIDTH = const(240)
_HEIGHT = const(320)
_BL = const(27)  # GPIO_BCKL=27
_RST = const(-1)  # ST7789_DEV_CONFIG_RESET_GPIO_NUM=GPIO_NUM_NC
_DC = const(2)  # ST7789_SPI_CONFIG_DC_GPIO_NUM=2

_MOSI = const(13)  # ST7789_SPI_BUS_MOSI_IO_NUM=13
_MISO = const(12)  # ST7789_SPI_BUS_MISO_IO_NUM=12
_SCK = const(14)  # ST7789_SPI_BUS_SCLK_IO_NUM=14
_HOST = const(1)  # SPI2

_LCD_CS = const(15)
# _LCD_FREQ = const(80000000)
_LCD_FREQ = const(24000000)  # ST7789_SPI_CONFIG_PCLK_HZ=24000000

_TOUCH_CS = const(5)  # TF_CS=5
_TOUCH_FREQ = const(10000000)  # GT911_I2C_CONFIG_MASTER_CLK_SPEED=400000

spi_bus = machine.SPI.Bus(
    host=_HOST,
    mosi=_MOSI,
    miso=_MISO,
    sck=_SCK
)

display_bus = lcd_bus.SPIBus(
    spi_bus=spi_bus,
    freq=_LCD_FREQ,
    dc=_DC,
    cs=_LCD_CS,
)

# we are going to let the display driver sort out the best freame buffer size and where to allocate it to.
# fb1 = display_bus.allocate_framebuffer(_BUFFER_SIZE, lcd_bus.MEMORY_INTERNAL | lcd_bus.MEMORY_DMA)
# fb2 = display_bus.allocate_framebuffer(_BUFFER_SIZE, lcd_bus.MEMORY_INTERNAL | lcd_bus.MEMORY_DMA)

import st7789  # NOQA
import lvgl as lv  # NOQA


display = st7789.ST7789(
    data_bus=display_bus,
    display_width=_WIDTH,
    display_height=_HEIGHT,
    backlight_pin=_BL,
    color_space=lv.COLOR_FORMAT.RGB565,
    color_byte_order=st7789.BYTE_ORDER_BGR,
    rgb565_byte_swap=True,
)

import task_handler  # NOQA

import gt911  # NOQA

I2C_BUS = I2C.Bus(
    host=0,
    scl=32,
    sda=33,
    freq=400000,
    use_locks=False
)

TOUCH_DEVICE = I2C.Device(
    I2C_BUS,
    dev_id=gt911.I2C_ADDR,
    reg_bits=gt911.BITS
)



display.set_power(True)
display.init()
display.set_backlight(100)
indev = gt911.GT911(TOUCH_DEVICE)

#touch_dev = machine.SPI.Device( spi_bus=spi_bus, freq=_TOUCH_FREQ, cs=_TOUCH_CS)
#cnd    indev = gt911.GT911(touch_dev)  AttributeError: 'Device' object has no attribute 'write_mem'   File "gt911.py", line 50, in _write_reg

th = task_handler.TaskHandler()

scrn = lv.screen_active()
scrn.set_style_bg_color(lv.color_hex(0x000000), 0)

slider = lv.slider(scrn)
slider.set_size(300, 50)
slider.center()

main_label = lv.label(scrn)
main_label.set_text('HELLO WORLD!')
main_label.align(lv.ALIGN.CENTER, 0, -50)


# Add R G and B colour checks
r_label = lv.label(scrn)
r_label.set_text('R')
r_label.set_style_text_color(lv.color_hex(0xFF0000), 0)
r_label.align_to(main_label, lv.ALIGN.OUT_TOP_LEFT, -20, -10)

g_label = lv.label(scrn)
g_label.set_text('G')
g_label.set_style_text_color(lv.color_hex(0x00FF00), 0)
g_label.align_to(main_label, lv.ALIGN.OUT_TOP_MID, 0, -10)

b_label = lv.label(scrn)
b_label.set_text('B')
b_label.set_style_text_color(lv.color_hex(0x0000FF), 0)
b_label.align_to(main_label, lv.ALIGN.OUT_TOP_RIGHT, 20, -10)

Screenshots:-

Note

This discussion has been edited: the RGB codes are now fixed, and the correct new screenshot included - thanks @0ut4t1m3

[0ut4t1m3]

Good job! It looks like your colour settings still need some tweaking, the default LVGL theme is blue so your slider has the R and B values swapped around. You can confirm by setting your background to 0xff0000, it's should go red but you will see it turn blue.

Try fiddling with your settings for color_byte_order and rgb565_byte_swap until you get it working properly. You should just need to set color_byte_order=st7789.BYTE_ORDER_BGR but make sure all your primary colours show as expected.

[gitcnd]

Yep. BGR fixed it. I've updated the code and screenshots in the original post.