ReactUMG 对齐与可见性枚举值速查。在设置 HorizontalAlignment、VerticalAlignment、Visibility 等属性时使用。帮助区分 Center=2（不是1）等常见混淆点。
This skill inherits all available tools. When active, it can use any tool Claude has access to.
| 值 | 枚举名 | 说明 |
|---|---|---|
| 0 | HAlign_Fill | 填充 |
| 1 | HAlign_Left | 左对齐 |
| 2 | HAlign_Center | 居中 |
| 3 | HAlign_Right | 右对齐 |
| 值 | 枚举名 | 说明 |
|---|---|---|
| 0 | VAlign_Fill | 填充 |
| 1 | VAlign_Top | 顶部 |
| 2 | VAlign_Center | 居中 |
| 3 | VAlign_Bottom | 底部 |
| 值 | 枚举名 | 说明 |
|---|---|---|
| 0 | Visible | 可见，可交互 |
| 1 | Collapsed | 折叠（不渲染，不占空间） |
| 2 | Hidden | 隐藏（不渲染，但占空间） |
| 3 | HitTestInvisible | 可见，不响应点击 |
| 4 | SelfHitTestInvisible | 可见，自身不响应（子元素可响应） |
// ❌ 错误：1 不是 Center
HorizontalAlignment: 1, // 这是 Left！
VerticalAlignment: 1, // 这是 Top！
// ✅ 正确：2 才是 Center
HorizontalAlignment: 2, // Center
VerticalAlignment: 2, // Center
// OverlaySlot 居中对齐
const overlaySlot: OverlaySlot = {
HorizontalAlignment: 2, // Center (不是 1!)
VerticalAlignment: 2, // Center (不是 1!)
};
// VerticalBoxSlot 水平居中
const centerSlot: VerticalBoxSlot = {
HorizontalAlignment: 2, // Center
};
// 控制可见性
<Border Visibility={isVisible ? 0 : 1} /> // 0=Visible, 1=Collapsed
OverlaySlot, VerticalBoxSlot, HorizontalBoxSlot, BorderSlot, ButtonSlot, GridSlot, BackgroundBlurSlot