Skip to content

Graphics Overview

This document provides an overview of the NECTO's LVGL Designer feature, available to NECTO Studio users. The LVGL Designer enables easy integration of graphical user interfaces (GUIs) into embedded systems, built on the LVGL (Light and Versatile Graphics Library). This guide serves as a reference to help developers understand the functionalities of the LVGL API and how it can be leveraged to build sophisticated GUIs on resource-constrained microcontroller platforms.

Benefits for NECTO Studio Users

  • Effortless GUI Creation: Build dynamic, visually appealing interfaces with minimal effort, abstracting away the complexities of hardware graphics.
  • Versatile Widget Management: Access to a wide range of widgets such as buttons, sliders, charts, and more.
  • Seamless Integration: The API simplifies interaction with LVGL within NECTO Studio, automating configurations for input devices and display control.
  • Real-Time GUI Handling: Built-in support for real-time updates, making it suitable for sophisticated, interactive applications.

LVGL Designer API Files

The following files and configurations are required to use the LVGL Designer in your NECTO Studio projects:

  • lvgl.h: Provides access to the core functionalities of the LVGL library, allowing developers to create and manage graphical elements in their applications.

  • lv_port_indev.h: Handles input devices (e.g., touchscreens), ensuring user interactions are captured and processed within the GUI.

  • 1ms_Timer.h: Provides timing mechanisms required for LVGL's tick-based event handling, ensuring that the GUI remains responsive.

  • screens.h: Manages different screens and their transitions, allowing for organized screen layouts and navigation within the GUI.

Key LVGL Designer Features

1. Dynamic GUI Components

  • Widgets: Access a variety of interactive components such as buttons, sliders, charts, and text labels.
  • Themes: Customize the look and feel of the GUI with predefined or custom themes.

2. Touchscreen and Input Device Handling

  • Input Device Support: Simplifies the connection and configuration of input devices like touchscreens, ensuring smooth user interactions.

3. Real-Time Updates

  • Tick Management: Built-in support for 1ms ticks ensures that animations and screen updates are handled efficiently in real-time.

How to Use the LVGL Designer in NECTO Studio