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

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

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

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

预览功能允许你在与最终实现完全一致的实时渲染模拟中运行当前项目。

概述

点击工具栏中的预览按钮可将编辑器切换到预览模式。在预览模式下,编辑器提供界面与组件行为的实时渲染模拟,使你在无需生成固件或烧录设备的情况下验证布局、交互与资源渲染。

由于预览运行与目标设备相同的生成代码,其观察到的行为与最终实现完全一致。

启动预览

  1. 在编辑器画布中打开要验证的界面。
  2. 点击工具栏中的预览按钮进入预览模式。
  3. 与渲染出的界面交互以验证行为。
  4. 点击暂停按钮返回编辑模式。

预览验证的内容

  • 布局 - 组件定位、对齐以及响应式行为。
  • 渲染 - 图片、字体和 Lottie 动画。
  • 交互 - 按钮状态、滑块以及导航。
  • 通信 - 由事件触发的消息,经由运行时的通信层处理。

运行时版本

预览使用工具栏中选择的当前激活 LVGL 运行时版本。切换版本会针对对应的运行时重新运行预览。

注

预览是开发辅助工具。请始终在目标设备上验证最终固件,因为真实硬件的时序和资源可能与模拟器存在差异。

相关指南

  • 概览 - 编辑器整体界面。
  • 画布 - 设计预览所渲染的界面。
  • 工具栏 - 预览按钮与运行时版本选择器。
  • 图片 - 预览图片渲染。
  • 字体 - 预览排版渲染。
  • 动态 LVGL 版本 - 预览所运行的运行时版本。
  • 覆盖屏幕尺寸 - 预览使用的显示分辨率。
  • 代码生成 - 预览执行的生成代码。
  • 移植 - 将预览输出迁移到目标设备。
Prev
画布