Pages

静态容器（Static Container）

什么是 Static Container？

静态容器中的 UI 元素具有固定的位置和大小，无论容器或屏幕如何缩放，元素都不会自动改变。
这使其非常适合用于需要像素级精确布局或传统 UI 界面还原的场景。

主要特性

• 元素位置为绝对坐标，大小固定
• 屏幕或容器尺寸变化时不会自动缩放
• 简洁、固定、可预测的布局
• 完全控制每个像素

适用场景

你应该在以下场景中使用 Static Container：

• 需要精确布局（例如和背景图对齐）
• 页面不需要响应式行为
• 需要复刻或迁移旧版本的 HMI 界面
• 更看重像素精度而非适配性

示例场景

你在还原一台旧机器的控制界面：

• 按钮 A：位置 x = 80px, y = 30px，大小 100 x 50
• 不论屏幕大小如何，按钮始终位于此处

屏幕: 1920x1080 → 按钮位置 80,30 大小 100x50
屏幕: 1280x800 → 按钮仍在相同位置和大小