LVGL

We’ve reached the end of our practical journey with the WT32-SC01 Plus! Throughout the last few posts, we’ve learned how to set up the environment, draw on the screen, enable touch, and manipulate widgets. Now, we’ll combine all this knowledge to build the structure of a real application, which almost always involves more than one screen. In this final practical tutorial, we will learn how to create and manage multiple screens in SquareLine Studio and navigate between them using button events. We will create a simple two-screen application, where a button on each screen takes us to the other, demonstrating the basic navigation flow essential for any complex project, such as settings menus, information pages, etc. ...

In the previous post, we brought our interface to life by enabling touch and responding to a button event. Now that we know how to capture user interactions, the next logical step is to make those interactions modify the interface itself. In this tutorial, we will build a slightly more complex and much more practical application: a digital counter. We will create a screen with a number and two buttons, one to increment and one to decrement that number. This example is fundamental because it teaches us how to read from and write to screen widgets, an essential skill for any UI project, whether it’s displaying sensor data, adjusting settings, or any other dynamic application. ...

In the previous posts, we prepared our environment, got the WT32-SC01 Plus screen working, and even displayed our first graphical interface created with SquareLine Studio. However, our screens were still static. It’s time to bring our project to life by enabling the board’s most important feature: the touch screen. In this tutorial, we will transform our static interface into an interactive application. Our goal is to add a button to the screen and, when it’s pressed, execute an action: printing a message to the Serial Monitor. This is the fundamental step for creating any complex application, from calculators to control panels. ...

In the previous post, we took our first major step by writing “Hello World!” directly to the screen of the WT32-SC01 Plus using the LovyanGFX library. This proved that our hardware and basic communication are working. Now, let’s level up and start building real graphical interfaces. In this tutorial, we will introduce two powerful tools that will transform the way we create visual projects: the LVGL library and the SquareLine Studio design tool. Our goal will be to recreate the “Hello World!” message, but this time, the interface will be designed in a visual software and then integrated into our Arduino code. ...

For those who develop projects with graphical interfaces, the complexity of integrating displays, touch controllers, and microcontrollers can be a major challenge. The WT32-SC01 Plus board emerges as an interesting alternative to simplify this process. This is a development board that integrates the ESP32-S3 processor with a 3.5-inch capacitive touch screen. This “all-in-one” approach is ideal for prototyping and developing user interfaces (UI), such as automation control panels, small interactive consoles, and other devices that require visual interaction with the user. ...