下面的工作流覆盖从创建项目到导出生成代码的完整过程。

概述

anyui-LIVE 用于构建基于 LVGL 的界面。

你可以在浏览器中使用 anyui-LIVE，也可以安装桌面应用，把生成代码直接导出到本地项目文件夹，并可直接构建模拟器，无需使用终端。

工作流

请按照以下步骤创建项目并生成代码。

1. 创建项目

1. 访问 anyui-LIVE 工作区
2. 新建项目时配置以下设置：
   • 名称：项目名称
   • 描述：项目的简短描述
   • 显示尺寸：目标屏幕分辨率
   • 色深：显示屏的位深
   • 目标 LVGL 版本：界面所面向的 LVGL 版本
   • 项目路径：仅桌面应用：生成代码导出的文件夹
3. 确认设置后即进入编辑器界面

2. 设计 UI

• 点击放置或拖拽，创建组件
• 修改组件的属性与样式，自定义外观
• 添加事件处理器，配置交互行为
• 需要回看或退回较早状态时，使用检查器的 历史 选项卡

3. 预览与调整

• 通过预览核对视觉效果与交互行为
• 按需反复调整并预览

4. 保存并生成代码

• 设计完成后，点击工具栏的 保存（或按 Ctrl+S）。开启自动保存后，编辑器会在每次编辑后自动保存。
• 使用 导出 重新生成源码包。网页版下载 ZIP 压缩包；桌面应用把文件写入项目的导出文件夹。
• 在桌面应用中，构建并运行 会编译导出的代码并启动模拟器，构建日志显示在底部面板。

工作流总结