Skip to content

HMI Menu & Setting with LVGL

Goal: build a touchscreen HMI step by step, from the first label to a Wi-Fi Manager that reconnects automatically.

Lesson Source episode
2.1 First LVGL screen: logo, title and caption EP01 — Basic Label
2.2 Buttons and event callbacks: an UP / DOWN / RESET counter EP02 — Button Event
2.3 Taking text input with a textarea and keyboard EP03 — Text Input Keyboard
2.4 Navigation skeleton: menu bar, pages and page switching EP04 — Menu Navigation
2.5 Scanning Wi-Fi and showing the network list EP05 — WiFi List
2.6 Storing a Wi-Fi profile in non-volatile memory EP06 — WiFi Profile NVM
2.7 Complete Wi-Fi Manager: connect, retry and auto-reconnect EP07 — Final WiFi Manager

Checkpoint: the module’s final episode runs on real hardware, with a photo or video in your portfolio

TESA Open Knowledge · © 2026 สมาคมสมองกลฝังตัวไทย (TESA) · CC BY-NC 4.0

Content is licensed CC BY-NC 4.0. Reuse it non-commercially and credit the Thai Embedded Systems Association (TESA) every time. · How to cite TESA