Skip to content

实时预览

能做什么

VGUS Next 在设计区提供 拖完即看 的实时预览:控件放置与属性修改后,画布立即反映接近屏端的显示效果,减少反复切换 虚拟串口屏 的调试成本。

操作步骤

  1. 在工程树中选中目标 页面,或在工程窗口的 预览 标签中点对应缩略图,中央 设计区 即显示该页画布。
  2. 在窗口顶部点 显示控件触摸控件高级控件,把控件放到设计区,或调整已有控件的位置、大小;设计区 即时更新 布局。
  3. 属性设置 中修改字库、颜色、文本、图标、进度等属性;每次有效修改后,设计区 同步刷新 预览。
  4. 对比设计区效果与预期;若与屏端仍有差异,可结合 工程下载 下发后在真机验证。
  5. 画布过小或过大时,用顶部 视图 → 缩放(放大 / 缩小 / 原始大小),或在设计区按住 Ctrl 并滚动鼠标滚轮。
  6. 必要时仍可使用 虚拟串口屏 做协议级或联调级验证;VGUS Next 的目标是让大部分视觉与布局问题在设计区即可发现。
放置控件并在属性设置中修改样式后,设计区立刻更新预览

注意

  • ⚠️ 设计区预览接近屏端显示,但在极端特效、性能或个别驱动差异上可能与真机略有不同。
  • ⚠️ 涉及串口数据驱动的动态内容,预览可能使用占位或默认值,联调时以 MCU 写入变量后的屏端表现为准。
  • 💡 地址冲突、资源缺失等问题可能同时在输出区或地址地图中提示;预览正常不代表下载一定成功。
  • 💡 设计区缩放只影响编辑时的观察比例,不改变工程分辨率或屏端显示大小。

相关