UE5 Blueprintで特定クラスのWidgetを閉じる｜Remove from Parent

1はじめに

Unreal Engine 5 では UI を構築するために UMG（Unreal Motion Graphics） の Widget を使います。表示までは簡単ですが、「特定のクラスのウィジェットだけ閉じたい」「複数生成した中から条件付きで消したい」となると、いきなり戸惑う人が多い領域です。

本記事では、Blueprint だけで実装できる 3 つのパターン（直接閉じる / クラス指定で一括 / 条件付きで個別）を、ノードのつなぎ方とともに解説します。

2前提：ウィジェットを閉じるとは

UMG のウィジェットは Add to Viewport でビューポートに追加された状態を「表示」と呼びます。閉じる（消す）処理の本質はビューポートから取り除くことで、これを担うノードが Remove from Parent です。

3方法 1：変数経由で直接閉じる

もっとも簡単なパターンです。表示するときに変数として持っておき、閉じたいタイミングでその変数に対して Remove from Parent を呼びます。

セットアップ

1. Blueprint で User Widget 変数（型: 該当 Widget クラス）を作成。例: CurrentMenuWidget
2. Create Widget の戻り値を Set CurrentMenuWidget に接続
3. そのまま Add to Viewport で表示

閉じる側

1. キー入力や任意のイベントで Get CurrentMenuWidget
2. Is Valid で null チェック
3. 有効なら Remove from Parent を呼び、続けて Set CurrentMenuWidget = None で参照クリア

参照を None にしておかないと、ウィジェットがビューポートから外れた後も Blueprint がインスタンスを保持し続けるため、ガベージコレクションされません。変数のクリアは習慣化しておきましょう。

4方法 2：Get All Widgets of Class で一括クローズ

複数の同種ウィジェットが画面上に存在していて、まとめて消したい場合に使うのが Get All Widgets of Class です。

ノードの流れ

1. イベント（例: 入力アクション）から開始
2. Get All Widgets of Class ノード（Top Level Only は通常 true）
3. 出力 Array に対し For Each Loop
4. 各要素（Array Element）に対して Remove from Parent

クラスの指定

Widget Class ピンに対象の User Widget クラスを指定します。子クラスを含めるかは Top Level Only ではなく、指定したクラスとその派生クラスがマッチします。たとえば WBP_Menu を指定すれば WBP_PauseMenu（WBP_Menu を継承）もヒットします。

5方法 3：条件付きで特定のものだけ閉じる

「同じクラスのウィジェットが 3 つあるが、Owner プレイヤーが自分のものだけ閉じたい」のような条件付きクローズです。

ウィジェット側の準備

1. 該当 Widget Blueprint に OwnerPlayer（型: Player Controller）変数を追加
2. Expose on Spawn / Instance Editable をオンにする（Create Widget のピンで渡せる）
3. 生成時に Owning Player をセット

閉じる側のロジック

1. Get All Widgets of Class でリスト取得
2. For Each Loop
3. 各要素に対して OwnerPlayer 変数を取得
4. Equal (Object) で Get Player Controller (0) と比較
5. Branch → True なら Remove from Parent、False なら何もしない

条件のバリエーション

6応用：フェードアウトしてから閉じる

いきなり消えるとプレイヤーに違和感を与えます。ウィジェット側に Animation（FadeOut） を作っておき、再生完了後に Remove from Parent するのが定石です。

ウィジェット側

1. Animations パネルで新規アニメ FadeOut を作成
2. ルート（Canvas Panel など）の Render Opacity を 1 → 0 にキーフレーム
3. Event Graph で OnAnimationFinished を実装し、Animation 引数が FadeOut のとき Remove from Parent

呼び出し側

閉じたいタイミングでは Play Animation (FadeOut) を呼ぶだけ。アニメ完了は イベントベースで拾うので Delay より正確です。

7Hide と Remove の違い

「閉じる」のニュアンスに合わせて使い分けると、無駄なメモリ・GC を抑えつつ快適な UX を実現できます。

8よくあるトラブル

9FAQ

Q: Remove from Parent と Destroy の違いは？
A: ウィジェットには Actor のような Destroy は基本ありません。Remove from Parent + 参照クリアが「破棄」に相当します。

Q: Tick で毎フレーム Remove は安全？
A: 既に外れているウィジェットへの Remove は無害ですが、無駄なので Is Valid で守るか、参照クリアと併用するのが推奨。

Q: C++ から呼ぶ場合は？
A: UUserWidget::RemoveFromParent() がそのまま使えます。Blueprint と同じセマンティクスです。

10関連

• ウィジェット — 親カテゴリ
• 「Get Overlapping Actors」から特定のクラスの場合のみ処理を実行する方法 — クラス判定の Tips
• Add to Viewport — 表示開始
• Get All Widgets of Class — クラス指定で取得
• Animation / OnAnimationFinished — フェード演出