上手 anyui-LIVE 非常简单。以下工作流将引导您从创建项目到下载生成的代码。
概述
anyui-LIVE 是一款直观、易于使用的工具,用于构建基于 LVGL 的用户界面。整个过程无需任何专业知识,每一步都设计得简单明了。
工作流
请按照以下步骤创建项目并生成代码。
1. 创建项目
- 访问
anyui-LIVE工作区 - 通过配置以下设置创建新项目:
- 名称 – 项目的唯一标识符
- 描述 – 项目的简短描述
- 显示尺寸 – 目标屏幕分辨率
- 颜色深度 – 显示屏的位深
- 目标 LVGL 版本 – UI 将面向的 LVGL 版本
- 确认项目设置后,您将进入项目编辑器界面
2. 设计您的 UI
- 通过点击放置或拖放功能创建控件
- 通过修改控件的属性和样式来自定义其外观
- 通过添加事件处理器来配置交互行为
3. 预览与调整
- 使用预览功能验证视觉效果与交互行为
- 根据需要反复调整并预览您的设计
4. 生成代码
- 设计完成后下载生成的代码
工作流总结
| 步骤 | 阶段 | 说明 |
|---|---|---|
| 1 | 创建项目 | 配置显示尺寸、颜色深度和目标 LVGL 版本 |
| 2 | 设计 UI | 添加控件并自定义属性、样式和事件处理器 |
| 3 | 预览与调整 | 验证外观与行为,并进行迭代 |
| 4 | 生成代码 | 下载生成的代码 |