Skip to content

Graphics Overview

This document provides an overview of the NECTO's Graphics Features, available to NECTO Studio users. It covers both LVGL Designer and LCD Library, enabling developers to integrate graphical user interfaces (GUIs) and display text-based content seamlessly on microcontrollers.

LVGL Designer

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

LCD Library

The LCD Library provides functions for managing text-based LCD displays in embedded applications. This guide explains the functionalities available for developers working with character-based LCD screens in NECTO Studio.

Benefits for NECTO Studio Users

  • Simplified LCD Integration: Easy-to-use API for interfacing with LCD screens.
  • Predefined Configuration: Automatic handling of initialization and settings.
  • Optimized Performance: Efficient text rendering and cursor management.

LCD API Files

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

  • lcd.h: The main API file providing functions to configure and control LCD displays.
  • drv_digital_out.h: Handles digital output configurations required for LCD control.

Key LCD Library Features

1. Text Display Functions

  • Write Text: Display static or dynamic text on the LCD screen.
  • Clear Display: Reset the screen to remove existing content.
  • Cursor Control: Manage cursor position and visibility.

2. LCD Initialization and Configuration

  • Automatic Initialization: Library handles default settings for quick setup.
  • Pin Mapping Support: Simplifies hardware integration with predefined configurations.

How to Use the LCD Library in NECTO Studio

  • Ensure the LCD is selected in the Library Manager of NECTO Studio.
  • Include the necessary headers (lcd.h) in your source files.
  • Follow the LCD Code Examples for quick setup and usage.