界面有两种尺寸:与目标设备一致的显示尺寸,以及在编辑器中工作时使用的设计尺寸。本指南说明两者的关系。
全文使用同一个示例场景:
- 显示尺寸:
800×480 - 设计尺寸:
800×600 - 组件摆放:顶部放置一个按钮,底部放置一个圆弧组件
设计时
设计时可以放大界面,容纳更多组件。放大后的尺寸只作用于编辑器内的画布,不影响预览。
本示例中,设计尺寸改为 800×600 后,两个组件都能在画布中完整显示。

预览时
预览时,界面尺寸会设置为项目配置中的显示尺寸。因此预览更贴近真实使用场景——匹配目标设备的分辨率,而不是放大后的设计画布。
布局不变,预览切回显示尺寸 800×480:顶部按钮依然完整可见,底部的圆弧组件只能显示一部分,需要滚动界面才能看全。

约束
屏幕尺寸受支持的最小与最大分辨率限制:宽和高均为 100 到 4096 像素。
内存考虑
界面越大,渲染输出的内存占用越高。目标设备内存不足时,按移植指南在 lv_conf.h 中增大 LV_MEM_SIZE。