◀ 32.

UE5で特定の画像の上にマウスカーソルを置いたら手マークにする方法

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

ページの作成

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

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

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

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

Unreal Engine 5（UE5）では、「ウィジェット」内の特定の画像の上にマウスカーソルを置いた際に、カーソルの形状を「手のマーク（Hand Cursor）」に変更することができます。本記事では、その具体的な手順を詳しく解説します。

1. 画像をウィジェットに追加

まず、対象となる画像をウィジェットに追加します。

手順:

1. 「ウィジェットブループリント」を作成。

2. キャンバスパネル内に「Image」ウィジェットを追加。

3. Imageウィジェットの「Brush」プロパティに画像を設定。

4. 画像のサイズと配置を調整。

2. 画像上でカーソルを手マークに変更する

次に、マウスカーソルを画像の上に置いた際に、手のマークに変更する設定を行います。

手順:

1. Imageウィジェットを選択。

2. 詳細パネル内の「Cursor」プロパティを探す。

3. デフォルトでは「None」になっているため、「Hand」に変更。

4. これにより、画像の上にカーソルを移動すると手マークになる。

3. 動作確認

エディタでプレイテストし、マウスカーソルを画像の上に移動した際に正しく手マークに変わるか確認しましょう。

4. まとめ

今回紹介した方法を使えば、UE5のウィジェット内で特定の画像の上にマウスカーソルを置いた際に、手マークのカーソルを表示できます。ボタン風のデザインやインタラクティブな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を作成する方法

人気ページ

最近更新/作成されたページ