Glossary

Component

A combination of Widgets and other components.

Component Project

A place to build one or more Components to be re-used in other LVGL Pro Projects.

data binding

Binding of data within an application to properties, flags or states of a Component or Widget. See LVGL Observer for details.

Declarative UI

Declarative UI is an approach to building user interfaces where developers describe what the interface should look like, rather than detailing the step-by-step process to create it (Imperative UI). This method simplifies UI development by allowing the framework to handle updates and rendering based on the defined state, making it easier to maintain and reason about the code.

Derived Widget

A Widget you create in LVGL Pro that extends (i.e. inherits from) an existing LVGL Widget.

Figma

Figma is a collaborative web application for interface design, with additional offline features enabled by desktop applications for macOS and Windows. The feature set of Figma focuses on user interface and user experience design, with an emphasis on real-time collaboration, utilizing a variety of vector graphics editor and prototyping tools. The Figma mobile app for Android and iOS allows viewing and interacting with Figma prototypes in real-time on mobile and tablet devices. See the Figma Website for more details.

IntelliSense

IntelliSense is a general term for various code editing features including: code completion, parameter info, quick info, and member lists. IntelliSense features are sometimes called by other names such as "code completion", "content assist", and "code hinting".

Project

A place to build a UI Elements for one or more displays in an embedded application. When you have more than one display in your project, the display selector becomes active in the Preview Pane.

Subject

Observer-Pattern Subject – the datum being "observed". Widgets, Derived Widgets and Components can be "bound to" Subjects using data binding.

UI Element

LVGL Pro helps you build UI Elements. These can be:

Widgets:

packaged with LVGL

Derived Widgets:

new Widgets you make that "inherit" from LVGL Widgets

Components:

combinations of Widgets, Derived Widgets and [optionally] other Components

Widget

One of the LVGL Widgets (Base Widget, Button, Image, Scale, Roller, etc.)

See All Widgets for more details.