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

概述

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

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

启动预览

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

预览验证的内容

• 布局 - 组件定位、对齐以及响应式行为。
• 渲染 - 图片、字体和 Lottie 动画。
• 交互 - 事件触发和响应。

运行时版本

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

相关指南

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