0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

UE5 TileVIew,Inventoryの作成メモ その②

Last updated at Posted at 2025-01-22

TIleViewの準備はこちらから

↑から
Inventoryについて記載する予定

WBP_DragSlotを作成

これはDragされたときに表示させるUIです。

image.png

UIの中身はWBP_Slotと同じでOKです。

image.png

image.png

Graphの方もInventoryStructを所持しImageをBindさせておきます。

WBP_SlotにDragとDropの処理を追加

image.png

OverrideからOn Mouse Button Down、On Drag Detected、On Dropを追加します。

On Mouse Button Down

image.png

Detect Drag if Pressed を追加します。

On Drag Detected

image.png

↑で作成したWBP_DragSlotをCreateしDataをセットします。

image.png

Create Drag Drop Operationを追加します。

PeyloadにSelfでWBP_Slotをセット
Default Drag Visualに作成したWBP_DragSlotをセットします。

注意
ここでSelfでWBP_SlotセットしてもDragはきちんと動作します。
ですが、DragするときにバグがありドロップできるSlotと
ドロップができないスロットができてしまうので注意です。

On Drop

image.png

image.png

SwapでDataの中身を入れ替えてください。

結果はこちらです
Animation.gif

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?