User Guide

User Guide

• Welcome
  • About the document
    • How this guide is organized
  • Intended audience
  • What is GUI Guider
  • Key features
  • Supported widgets, targets, and displays
    • Supported widgets
    • Supported NXP devices and related panels
  • Next steps
• Getting Started
  • System requirements
    • Host OS
    • Target compiler
    • Hardware requirements for LVGL applications
  • Installation
    • Windows 11
    • Ubuntu 24.04
    • macOS
  • First launch and environment setup
    • IDE environment and preferences
    • Toolchain environment
  • Offline templates
• Quick Start Guide
  • Create a new project
  • Import an existing project
  • Design a simple UI
  • Generate code
  • Build and run on simulator or target
    • Simulator
    • Target
• IDE Overview
  • Home page
    • Create project
    • Board templates
    • Application templates
    • IDE setting
    • Message center
  • Workspace page
    • Menu
    • Toolbar
    • LVGL setting
      • Common
      • Simulator
      • Target
      • Advanced
    • Project setting
      • Target
      • Image Config
      • Font
    • Widgets usage
      • Tile View
      • Tab View
      • Dropdown
      • List
      • Table
      • Button Matrix
    • Layers
    • Widget tree
    • UI editor
    • Code editor
    • Resource manager
    • Preview center
    • Events
      • Triggers
      • Targets
      • Animations on targets
      • What you can build with events
    • Global variables
      • Condition
      • Animation
      • Using condition and animation in events
    • Log
    • Serial port
    • Project info
    • Properties
    • Styles
      • Parts and states
      • Style groups
  • Shortcut keys
• Advanced Usage
  • Figma to GUI Guider
    • Installing the plugin
    • Plugin UI walkthrough
    • Configure and convert
    • Exporting the converted project
    • Importing the zip file into GUI Guider
    • Troubleshooting and tips
  • JSON-based UI editing
  • Custom code integration
    • Custom code in a screen
    • Custom code in an event
    • Sharing code via the custom directory
• Development Guide
  • Debug
    • MCUXpresso for VS Code
    • MCUXpresso IDE
    • IAR
    • Keil MDK
  • OS integration
    • RTOS
      • Zephyr
    • Linux
      • Yocto
  • Storage and file system
    • SD card
      • Images on the SD card
    • QSPI flash
      • Add image-related widgets and set properties
      • Build and deploy
  • Industrial HMI with Real-time Edge
    • Industrial HMI application setup
    • Yocto build with Real-time Edge
  • Peripheral and data integration
• Performance Optimization
  • Hardware acceleration
    • MCU
      • PXP enablement
      • VGLite enablement
    • MPU
      • MPU accelerator enablement
    • Further reading
  • Performance tuning best practices
    • Tips to improve the performance
    • Performance tuning for i.MX RT boards
• Tutorials
  • How to use symbols
    • Use GUI Guider built-in symbols
    • Use custom symbols
  • Rotate screen and widgets
  • Multi-language application
    • 1. Authoring translation files
    • 2. Extracting source strings and compiling the language pack
    • 3. Implementing the language manager
    • 4. Translating widget text and applying per-language fonts
    • 5. Observing language changes and refreshing the UI
    • 6. Wiring up the language manager in GUI Guider
    • 7. Verifying the build and iterating on translations
    • Notes on resources and layout
  • Migration from GUI Guider v1
    • Why projects cannot be upgraded in place
    • What you can reuse
    • Recommended migration workflow
• Demos
  • Why use the demos
  • How to run a demo
  • Demo quick reference
  • Available demos
    • Agriculture control
    • Air conditioner
    • Button counter
    • Camera viewer (FreeRTOS)
    • Camera viewer (Linux)
    • Digital cluster
    • EBike
    • EV charger
    • Game2048
    • Heterogeneous multicore
    • Music player
    • Printer
    • SD card storage
    • Smart appliance
    • Smart building
    • Smart clock
    • Smart watch
    • Widgets
• Reference
  • FAQs
    • What should I do if a configured property or style is not rendered correctly in the UI editor?
    • How can I prevent the simulator from running target specific code?
    • How can I reuse an application on a different board?
    • What should I do if I create a project at an unsupported resolution from a template?
    • What should I check if touch or display does not work?
    • How can I customize lv_conf macros without losing the changes after regeneration?
  • Resources and links
    • GUI Guider product
    • LVGL
    • NXP toolchains and SDKs
    • Zephyr and Linux
    • Tools and utilities
    • Related GUI Guider user guide chapters
  • Glossary
• Revision history