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

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

    • 概览
    • 工具栏
    • 导航器
    • 检查器
    • 状态栏
    • 设置
    • 画布
    • 预览
    • 资源管理
    • 代码查看器
    • 历史
  • 智能体
  • 桌面版
  • 主题

    • 图片
    • 字体库
    • 布局
    • 符号
    • 全局样式
    • 动态 LVGL 版本
    • 动态显示尺寸变更
    • 重置屏幕尺寸
    • 代码生成
    • 移植
    • 模拟器
    • 国际化
  • 常见问题

预览以实时渲染模拟运行当前项目。

概述

点击工具栏中的预览按钮即可进入预览模式。该模式实时渲染界面与组件行为,无需生成固件或烧录设备,就能验证布局、交互与资源渲染。

预览运行与目标设备相同的生成代码,因此所见行为与最终实现一致。

启动预览

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

预览验证的内容

  • 布局 - 组件定位、对齐与响应式行为。
  • 渲染 - 图片与字体。
  • 交互 - 事件触发与响应。
  • 动画 - 属性时间轴、动画操作与屏幕切换过渡。

运行时版本

预览运行在工具栏当前选定的 LVGL 运行时版本上(8.3.7、9.2.2、9.3.0、9.4.0、9.5.0 或 9.6.0);切换版本后,预览会改用对应运行时重新运行。

相关指南

  • 概览 - 编辑器整体界面。
  • 画布 - 设计预览所渲染的界面。
  • 工具栏 - 预览按钮与运行时版本选择器。
  • 图片 - 预览图片渲染。
  • 字体库 - 预览排版渲染。
  • 动态 LVGL 版本 - 预览所运行的运行时版本。
  • 重置屏幕尺寸 - 设计时重置屏幕的显示分辨率。
  • 代码生成 - 预览执行的生成代码。
  • 移植 - 将预览输出迁移到目标设备。
  • 模拟器 - 在本地机器上运行预览输出。
Prev
画布
Next
资源管理