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

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

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

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

画布是编辑器的中央区域,用于设计界面与组件。组件会实时渲染,因此设计改动立即可见。

创建组件

从组件库中拖放组件到画布上。常见组件包括按钮、标签、图片、滑块和复选框。

  • 图片组件引用资源池中的资源;参见图片指南。
  • 标签组件使用字体库中的排版;参见字体指南。

选择组件

  • 点击组件可选中它,并在检查器中显示其属性。
  • 按住 Ctrl/Cmd 并在画布上点击可进行多选。
  • 拖出选择矩形可选择多个组件。
  • 在组件树中,按住 Shift 点击可选择范围,或按住 Ctrl/Cmd 点击连续选择。

选中的组件会有明显的高亮标识。

排列组件

移动

拖动组件进行移动。与相邻组件或画布边界对齐时,会自动出现对齐辅助线,帮助精确定位。

缩放

拖动组件的边缘或角进行缩放。按住 Ctrl/Cmd 拖动可等比缩放,保持宽高比。

复制

选中组件并按住 Option/Alt 拖动可进行复制。这对于创建菜单项、按钮等重复元素非常有用。

对齐

多选组件后,使用画布上方的对齐面板进行对齐与均匀分布。

删除

选中组件后按 Delete,或使用右键菜单中的删除选项。

画布控制

  • 缩放 - 使用 Ctrl/Cmd + 鼠标滚轮,或工具栏缩放控件。重置按钮可恢复 100%。
  • 移动画布 - 按住鼠标右键并拖动即可平移画布。或者,按住 Spacebar 可临时将默认的框选行为切换为画布平移。

属性、样式与事件

检查器将组件定制分为几个部分:

  • 属性 - 组件通用属性和组件专属数据,如文本、图片资源和状态。
  • 样式 - 视觉外观,包括颜色、尺寸和字体。
  • 事件 - 由用户交互触发的事件处理器。

相关指南

  • 概览 - 编辑器整体界面。
  • 图片 - 为组件分配图片资源。
  • 字体 - 为组件应用排版。
  • 布局 - 使用弹性布局排列子组件。
  • 检查器 - 检查并编辑组件属性。
  • 预览 - 预览编辑器输出。
  • 代码生成 - 从编辑器界面生成代码。
  • 移植 - 在目标设备上运行编辑器输出。
Prev
设置
Next
预览