anyuianyui
Home
Getting Started
Documentation
Download
  • English
  • 简体中文
Home
Getting Started
Documentation
Download
  • English
  • 简体中文
  • Setup

    • Installation
  • Core Concepts

    • Introduction
    • Design
    • Hide and Lock
    • Resource Management
  • Higher Order Component

    • State Button
    • Label Slider
    • Value Slider
    • Check Group & Radio Group
    • StatusBar
    • NavigateBar
    • Drawer
  • Advanced Features

    • Use External Image File as Source
    • GIF Animated Image
    • Template Component
    • Global Components
    • Screen Management
    • Communication Commands and Events
    • Lottie Animation
  • Development

    • Build Mode
    • Build Toolchain Configuration
    • Code Transplant
  • Technical Support

    • FAQ

This documentation provides comprehensive technical guidance for developing LVGL user interfaces using anyui's visual development environment.

Setup

Begin with environment configuration and project initialization.

  • Installation - Platform-specific installation procedures

Core Concepts

Fundamental principles underlying anyui's design methodology.

  • Introduction - Understanding the component system framework
  • Design - Component positioning, arrangement strategies, and design tools
  • Hide and Lock - Component visibility and edit state management
  • Resource Management - Resource management for images, fonts, and multimedia

Higher Order Component

Advanced component patterns for sophisticated UI implementations.

  • State Button - Button with multiple states and visual feedback
  • Label Slider - Slider with integrated value labels
  • Value Slider - Slider with customizable value display
  • Check Group & Radio Group - Group of related checkboxes with mutual exclusion
  • StatusBar - Application status display component
  • NavigateBar - Application navigation component
  • Drawer - Sliding panel for additional content

Advanced Features

Specialized features for complex applications and multimedia integration.

  • Template Component - Reusable component template creation and management
  • Global Components - Cross-screen component sharing and synchronization
  • Screen Management - Complex application screen management
  • Communication Commands and Events - Component interaction patterns and event handling
  • Use External Image File as Source - External image file support for flexible image management
  • GIF Animated Image - Animated GIF integration and optimization
  • Lottie - Vector-based animation implementation

Development

Professional development processes and deployment strategies.

  • Build Mode - Build system configuration and optimization
  • Build Toolchain Configuration - Configuring build toolchains for different platforms
  • Code Transplant - Cross-platform deployment procedures

Technical Support

Troubleshooting resources and technical assistance.

  • FAQ - Common issues and resolution procedures

Documentation Structure

This documentation follows a progressive learning path from fundamental concepts to advanced implementation techniques. New users should follow the sections sequentially, while experienced developers may navigate directly to specific topics using the sidebar navigation.