Pages

可缩放容器（Resizable Container）

什么是 Resizable Container？

Resizable Container 是一种容器类型，允许其中的元素保持原始位置不变，同时在容器大小变化时，其尺寸自动按比例缩放。这样可确保界面在不同分辨率和设备上保持一致性与响应性。

主要特点

• 元素位置相对固定（不会自动流动或换行）
• 元素大小随着容器变化 同比缩放
• 无需手动计算布局或写额外逻辑
• 实现快速响应式设计

适用场景

适用于以下情况：

• 想要界面在不同设备间自动缩放
• 元素排布需要始终一致
• 不想处理复杂的响应式逻辑
• 使用固定宽高比（如 16:9 或 4:3）的设备

示例场景

设计一个 1280x800 的控制面板：

1. 一个按钮位于 x = 100, y = 50，尺寸 200 x 100
2. 如果容器缩小到 640x400，按钮将自动变为 100 x 50
3. 布局结构完全相同，只是缩小了