界面有两种尺寸:与目标设备一致的显示尺寸,以及你在编辑器中工作时使用的设计尺寸。本指南介绍两者之间的关系。
本指南使用下面这个示例场景:
- 显示尺寸:
800 x 480 - 设计尺寸:
800 x 600 - 组件摆放:顶部放置一个按钮,底部放置一个圆弧组件
设计时
设计时,你可以放大界面以容纳更多组件。放大的尺寸是仅用于编辑器的覆盖:它影响你工作时的画布布局,但不会用于预览。
在这个示例中,设计尺寸改为 800 x 600 后,两个组件都可以在画布中正常完整显示。

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

约束
屏幕尺寸受支持的最小与最大分辨率约束。
内存考虑
更大的界面会增加渲染输出的内存占用。如果目标设备内存不足,请按移植指南所述,在 lv_conf.h 中增大 LV_MEM_SIZE。