anyuianyui
anyui
anyui-LIVE
反馈问题
  • English
  • 简体中文
anyui
anyui-LIVE
反馈问题
  • English
  • 简体中文
  • 介绍

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

    • 概览
    • 工具栏
    • 导航器
    • 检查器
    • 状态栏
    • 设置
    • 画布
    • 预览
  • 主题

    • 图片
    • 字体
    • 布局
    • 动态 LVGL 版本
    • 覆盖屏幕尺寸
    • 代码生成
    • 移植

上手 anyui-LIVE 非常简单。以下工作流将引导您从创建项目到下载生成的代码。

概述

anyui-LIVE 是一款直观、易于使用的工具,用于构建基于 LVGL 的用户界面。整个过程无需任何专业知识,每一步都设计得简单明了。

工作流

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

1. 创建项目

  1. 访问 anyui-LIVE 工作区
  2. 通过配置以下设置创建新项目:
    • 名称 – 项目的唯一标识符
    • 描述 – 项目的简短描述
    • 显示尺寸 – 目标屏幕分辨率
    • 颜色深度 – 显示屏的位深
    • 目标 LVGL 版本 – UI 将面向的 LVGL 版本
  3. 确认项目设置后,您将进入项目编辑器界面

2. 设计您的 UI

  • 通过点击放置或拖放功能创建控件
  • 通过修改控件的属性和样式来自定义其外观
  • 通过添加事件处理器来配置交互行为

3. 预览与调整

  • 使用预览功能验证视觉效果与交互行为
  • 根据需要反复调整并预览您的设计

4. 生成代码

  • 设计完成后下载生成的代码

工作流总结

步骤阶段说明
1创建项目配置显示尺寸、颜色深度和目标 LVGL 版本
2设计 UI添加控件并自定义属性、样式和事件处理器
3预览与调整验证外观与行为,并进行迭代
4生成代码下载生成的代码