← スキル一覧に戻る

using-alignment-enums
by 15195999826
⭐ 0🍴 0📅 2026年1月13日
SKILL.md
name: using-alignment-enums description: ReactUMG 对齐/居中与可见性/显隐枚举值速查。在设置水平对齐、垂直对齐、HorizontalAlignment、VerticalAlignment、Visibility、隐藏/显示组件时激活。注意 Center=2(不是1)、Visible=0、Collapsed=1 等常见混淆点。
ReactUMG 对齐枚举速查
EHorizontalAlignment (水平对齐)
| 值 | 枚举名 | 说明 |
|---|---|---|
| 0 | HAlign_Fill | 填充 |
| 1 | HAlign_Left | 左对齐 |
| 2 | HAlign_Center | 居中 |
| 3 | HAlign_Right | 右对齐 |
EVerticalAlignment (垂直对齐)
| 值 | 枚举名 | 说明 |
|---|---|---|
| 0 | VAlign_Fill | 填充 |
| 1 | VAlign_Top | 顶部 |
| 2 | VAlign_Center | 居中 |
| 3 | VAlign_Bottom | 底部 |
ESlateVisibility (可见性)
| 值 | 枚举名 | 说明 |
|---|---|---|
| 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
适用 Slot 类型
OverlaySlot, VerticalBoxSlot, HorizontalBoxSlot, BorderSlot, ButtonSlot, GridSlot, BackgroundBlurSlot
核心记忆点
- 居中是 2,不是 1(1 是 Left/Top)
- Visible=0, Collapsed=1
スコア
総合スコア
50/100
リポジトリの品質指標に基づく評価
✓SKILL.md
SKILL.mdファイルが含まれている
+20
○LICENSE
ライセンスが設定されている
0/10
○説明文
100文字以上の説明がある
0/10
○人気
GitHub Stars 100以上
0/15
○最近の活動
3ヶ月以内に更新がある
0/10
○フォーク
10回以上フォークされている
0/5
✓Issue管理
オープンIssueが50未満
+5
✓言語
プログラミング言語が設定されている
+5
○タグ
1つ以上のタグが設定されている
0/5
レビュー
💬
レビュー機能は近日公開予定です