Pages

容器（Containers）

容器 是一种布局结构，用于在固定区域内组织和排列用户界面（UI）组件。它决定子元素的大小、位置及其是否响应式。

共有三种容器类型，各自具有不同的布局逻辑：

1. 可变尺寸容器（Resizable Container）

元素的位置保持不变，但大小会根据容器的尺寸按比例调整。适用于需要响应式缩放的布局。

2. 静态容器（Static Container）

元素位置为固定像素值，不随容器大小变化。适合像素级精确布局或传统 UI 结构。

适用场景：

• 使用 Resizable 时需要响应式比例缩放；
• 使用 Static 实现精确定位和固定尺寸界面。

所有容器都支持嵌套，可以包含任意类型的 UI 元素，包括按钮、输入框、输出项和叠加窗口。