anyuianyui
anyui-LIVE
anyui
Feedback
  • English
  • 中文
anyui-LIVE
anyui
Feedback
  • English
  • 中文
  • Introduction

    • Introduction
  • Get Started

    • Get Started
  • Workspace

    • Workspace
  • Editor

    • Overview
    • Toolbar
    • Navigator
    • Inspector
    • Statusbar
    • Settings
    • Canvas
    • Preview
    • Resource management
    • Code Viewer
    • History
  • Agent
  • Desktop
  • Subjects

    • Image
    • Font Library
    • Layout
    • Symbol
    • Global style
    • Dynamic LVGL version
    • Dynamic Display Size Change
    • Override screen size
    • Codegen
    • Transplant
    • Simulator
    • Translation
  • FAQ

The workspace is anyui-LIVE's project-management surface. It is where you create, remove, select, and open the projects you design and generate. This guide covers the workspace project-management workflow.

Overview

The workspace is the project entry point. Rather than a single global document, anyui-LIVE organizes work into individual projects, each with its own screens, components, resources, and configuration. The workspace lists every project and lets you manage them before opening them in the editor for design.

The current English workspace interface is shown below:

anyui-LIVE workspace in English

Once a project is open, the screens and resources it contains are described in the image guide, the font library guide, and the codegen guide.

The workspace provides these key capabilities:

  • Creating new projects.
  • Renaming and removing existing projects.
  • Searching and selecting a project to view its basic information.
  • Opening a project in edit mode.
  • Downloading the desktop app, in the browser version.

Creating project

Choose New from the workspace view to open the create-project dialog. The dialog collects the configuration for the new project:

SettingDescription
NameThe project name.
DescriptionAn optional project description.
Screen widthHorizontal resolution of the target display.
Screen heightVertical resolution of the target display.
Color depth8-bit, 16-bit, or 32-bit color.
Target versionThe LVGL version used by the project: 8.3.7, 9.2.2, 9.3.0, 9.4.0, 9.5.0, or 9.6.0.
Project pathDesktop app only: the local folder each version exports into. The target version's folder is required; the others are optional.

The screen size, color depth, and target version defaults come from the project defaults, and screen dimensions are bounded by the supported minimum and maximum resolution. After the project is created, it appears in the project list and can be opened from there.

In the desktop app, creating a project can also fill the chosen folder with the LVGL simulator template that matches the target version, so the project is ready to build.

Renaming project

Open the project card's ... menu and choose Rename to change the project name.

Removing project

To remove a project, use the delete action on its card. A confirmation dialog asks you to confirm the removal.

Warning

Removing a project is irreversible and unrestorable. The project's document, manifest entry, and synchronization records are permanently deleted. There is no undo for this action.

Selecting project

Click a project card to select it. The workspace inspector panel then shows the project's basic information:

  • A summary strip with the screen size, color depth, LVGL version, and last-updated date.
  • The project description.
  • Display settings: screen size, color depth, and target LVGL version.
  • Export folders per version (desktop app only).
  • Information: name, project ID, creation date, and last-updated date.

If a project's document cannot be found, the inspector marks it as unavailable so you can tell the difference between a readable project and one whose data is missing.

Searching projects

Use the toolbar search box to filter the project list by name. The list shows a message when no project matches the query, and the query clears when you start a new search.

Opening project

Double-click a project card, or use its open action, to open the project in the editor and start designing its screens and widgets. Opening a project navigates to the editor route for that project.

Related guides

  • Image - image resources stored in a project.
  • Font library - font resources stored in a project.
  • Dynamic LVGL version - the LVGL runtime version used by a project.
  • Override screen size - overriding a project's display resolution.
  • Overview - design screens within a project.
  • Preview - run a project in live preview.
  • Codegen - generate code from a project.
  • Transplant - move generated output to a target device.
  • Simulator - run the application on a local machine.
  • Desktop - the native app with local export folders and built-in build.