42.

UE5のBlueprintで特定のクラスのWidgetを閉じる方法

ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!

Unreal Engine 5(UE5)では、ゲーム内でUIを管理するためにWidget(ウィジェット)を使用します。しかし、特定のクラスのウィジェットを閉じたい場合、どのように処理すればよいか悩むことがあります。

本記事では、Blueprintを使って特定のクラスのウィジェットを安全に閉じる方法について詳しく解説します。

Widgetを閉じる基本的な方法

Blueprintでウィジェットを閉じるには、主に以下の2つの方法があります。

  1. ウィジェットの「Remove from Parent」ノードを使う。
  2. 現在表示されているウィジェットを検索し、特定のクラスのウィジェットのみを削除する。

どちらの方法を使うかは、ウィジェットをどのように管理しているかによります。まずは基本的な「Remove from Parent」を使う方法を解説し、その後、特定のクラスのウィジェットだけを閉じる方法について詳しく説明します。

方法1:「Remove from Parent」で直接閉じる

最も簡単な方法は、ウィジェットを格納している変数を使って、「Remove from Parent」ノードを実行することです。

手順は以下の通りです。

  1. ウィジェットの作成時に、変数として保存する。
  2. 必要なタイミングで「Remove from Parent」を実行する。

Blueprintのフローとしては、次のようになります。

// ウィジェットを作成して変数に保存 Create Widget (MyWidget) → Set (ウィジェット変数) ↓ // ウィジェットを閉じる Remove from Parent (ウィジェット変数)

この方法は、作成したウィジェットを適切に管理できている場合には非常に簡単で便利ですが、複数の同じ種類のウィジェットが存在する場合には適用できません。

方法2:現在のウィジェットを検索して特定のクラスだけ閉じる

ゲーム中に複数のウィジェットが存在し、特定のクラスのウィジェットだけを閉じたい場合は、以下の手順を実行します。

1. ウィジェットを検索する

Blueprintには、「Get All Widgets of Class」という便利なノードがあります。これを使うことで、現在アクティブなウィジェットの一覧を取得できます。

手順:

  1. 「Get All Widgets of Class」ノードを使い、特定のクラスのウィジェットを取得する。
  2. 取得したウィジェットのリストをループ処理し、必要なウィジェットのみを閉じる。

2. 取得したウィジェットを削除する

Blueprintの処理の流れは次のようになります。

Get All Widgets of Class (MyWidget) ↓ For Each Loop (取得したウィジェットのリスト) ↓ Remove from Parent (各ウィジェット)

これにより、現在存在するすべての「MyWidget」のウィジェットが削除されます。

方法3:特定のウィジェットだけ閉じる条件を追加する

例えば、「MyWidget」の中でも特定のプレイヤーが作成したものだけを削除したい場合、ウィジェットが持つ変数を使って判別できます。

手順:

  1. ウィジェットに「Owner」などの変数を持たせる。
  2. 「Get All Widgets of Class」を使ってウィジェットを取得する。
  3. 取得したウィジェットの「Owner」変数をチェックし、条件に合うものだけ削除する。

Blueprintの処理の流れは以下のようになります。

Get All Widgets of Class (MyWidget) ↓ For Each Loop (取得したウィジェットのリスト) ↓ Branch (ウィジェットのOwnerが特定のプレイヤーと一致) ├ True → Remove from Parent (ウィジェット) └ False → 何もしない

この方法を使うことで、ゲーム内に複数の同じウィジェットが存在する場合でも、特定の条件に一致するウィジェットだけを閉じることができます。

応用:ウィジェットの削除時にアニメーションを入れる

ウィジェットを削除する際に、いきなり消すのではなく、フェードアウトするなどのアニメーションを加えることで、より自然な演出が可能になります。

方法:

  1. ウィジェットのアニメーションを作成し、「FadeOut」と名前を付ける。
  2. ウィジェットを閉じる前に「FadeOut」アニメーションを再生する。
  3. アニメーションが終了したら、「Remove from Parent」を実行する。

Blueprintのフロー:

Play Animation (FadeOut) ↓ Delay (1秒) ↓ Remove from Parent (ウィジェット)

この方法を使うことで、プレイヤーにとってより快適なUIエクスペリエンスを提供できます。

まとめ

UE5のBlueprintで特定のクラスのウィジェットを閉じる方法として、以下のアプローチを紹介しました。

  • 「Remove from Parent」ノードを使って直接削除する(シンプルな方法)
  • 「Get All Widgets of Class」を使って、現在アクティブなウィジェットを取得し、特定のクラスを削除する
  • 特定の条件(例:「Owner」変数)に基づいて、削除するウィジェットを選択する
  • ウィジェットを削除する際にフェードアウトアニメーションを入れることで、よりスムーズなUXを実現する

これらの方法を組み合わせることで、ゲームのUI管理をより柔軟かつ効果的に行うことができます。ぜひ、プロジェクトに応じて最適な方法を選んでください!

ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
子ページ
子ページはありません
同階層のページ
  1. 床の上に乗ったらイベントを発生させる方法
  2. OverlapAllDynamicとOverlapAllの違い
  3. タイトル画面を作る方法
  4. サードパーソンテンプレートでのキャラクター表示の仕組みと非表示にする方法
  5. ボタンに文字を記載する方法
  6. Event ActorBeginOverlapとOn Component Begin Overlapの違い
  7. キャラクターに特定のオブジェクトとの当たり判定を付ける
  8. 特定のオブジェクトに触れたとき、キャラクターが倒れるようにする
  9. 動いているオブジェクトに静止しているキャラクターが当たり判定を持たない原因と解決方法
  10. 「On Component Hit」に「Cast To ~」で複数のクラスを指定する方法
  11. ブループリントで途中から親クラスを指定する方法
  12. Blenderファイルをインポートする方法
  13. 鏡を作成する方法
  14. レベルブループリントでキャラクターの出現を設定する方法
  15. サードパーソンテンプレートにおけるキャラクター出現の定義
  16. アイテムに近づいたらボタンを押してイベントを発火させる方法
  17. C++で編集となっているコンポーネントをブループリントで編集する方法
  18. 画面の中央にメッセージを表示する方法
  19. どこからでも呼び出せるカスタムイベントを作成する方法
  20. カスタムイベントに引数を追加する方法
  21. ブループリントでWidgetに引数を追加する方法
  22. ブループリントでBoolean変数の初期値を変更する方法
  23. ブループリントで特定のキーが押された時にイベントを発火させる方法
  24. 「Get Overlapping Actors」から特定のクラスの場合のみ処理を実行する方法
  25. オブジェクトに近づいている間だけメッセージを表示する方法
  26. PCの画面を操作するUIを作る方法
  27. レベルを移動する方法
  28. コンテンツブラウザに画像を追加する方法
  29. マウスを動かせるUIを作成する方法
  30. SetInputMode_UIOnlyを取り消す方法
  31. ウィジェットの画像を選択するとウィジェットを閉じる方法
  32. 特定の画像の上にマウスカーソルを置いたら手マークにする方法
  33. レベルの「基本」テンプレートと「オープンワールド」テンプレートの違い
  34. オブジェクトがアウトライナーで選択できない原因と解決策
  35. PlayerStartを作成する方法
  36. メニュー画面を作成して開く方法
  37. 「Esc」キーを押してメニュー画面を開く方法(ゲーム内の処理は停止する)
  38. イベントの「On Clicked」と「On Pressed」の違い
  39. ウィジェットのボタンに文字を書く方法
  40. Blueprintで「Esc」キーを使ってイベントを発生させる方法
  41. Blueprintで「Cast To」を使い、複数のクラスに対応する方法
  42. Blueprintで特定のクラスのWidgetを閉じる方法
  43. 「Set Input Mode」の種類と使い方
  44. 「Set Game Paused」の使い方と詳細解説
  45. BPでウィジェットのボタンを選択できなくする方法
  46. Blueprintで現在開いているレベルが特定のレベルであるか調べる方法
  47. ウィジェットの背景ブラーについて
  48. プロジェクトの削除方法
  49. Motion Matchingとは?
  50. 「GameMode」と「GameModeBase」の違い
  51. レベルごとにゲームモードを変更する方法
  52. マップに配置したTargetPointを取得する方法
  53. UE5でマップに配置したTargetPointを取得する方法
  54. ブループリントで配列からインデックスを指定して取得する方法
  55. 動的にインスタンスが属するレベルを変更する方法
  56. エディタ上でインスタンスが属するサブレベルを変更する方法
  57. TargetPointにタグをつけて取得する方法
  58. Spawnしたインスタンスがイベントを実行する方法
  59. 特定の時間ごとに処理を実行する方法
  60. とあるアクタから現在開いているレベルの変数にアクセスする方法
  61. 数値をランダムで出力する方法
  62. ThirdPersonテンプレートでキャラクターの移動を歩くように変更する方法
  63. MaxWalkSpeedを変更する方法
  64. しゃがむ動作を導入する方法
  65. キャラクターのアニメーションを設定する方法
  66. Blueprintでプロジェクト全体で共有できるStatic定数の定義方法
  67. プロジェクトを多言語化する方法
  68. 導入済みのプラグインを確認する方法
  69. Motion Matchingの導入と必要なプラグイン
  70. プレイヤーを非表示にする方法
  71. カメラを傾ける角度を制限させる方法
  72. 配列からランダムに重ならない要素を特定の数取得する方法
  73. カメラの映す画面に文字やエフェクトを付ける方法
  74. キャラクターやメッシュを非表示にした際にカメラが移動しなくなる問題の解決方法
  75. Blueprintで指定した確率で処理を分岐させる方法
  76. プライマリーデータアセットを活用する方法
  77. プレイヤーのHPといった変数を定義する最適な場所
  78. カメラに映った画面をスクリーンショットとして保存する方法