UMGでのアイテムメニュー作成について

お世話になります。UE4初心者です。

現在UMGで、正方形のイメージアイコンを並べたアイテムメニューを作成しようと練習しているのですが、ブループリントなどを使い、なくなった(所持数0になった)アイテムのアイコンを一覧から削除して、まだ所持しているアイテムのアイコンを左上に向かって詰めていくような処理の作り方がわからず困っています。

239730-snapcrab-noname-2018-5-3-21-31-19-no-00.png

この画像のような感じです。わかりにくくてすみません。

可能であれば、なくなったアイテムのアイコンがあった場所は何もない空アイコンの状態にして、プレイヤーが『整理』ボタンを実行した時に左上に向かって名前順か何かでソートできるような処理が出来ればいいのですが…

今途中まで自力で作ったメニューは、このような構成になっております。

239761-snapcrab-noname-2018-5-3-21-40-4-no-00.png

※下の方にある『Image_1』~『Image_7』は、アイコンの並びがわかりやすいように入れているだけで、実際に使おうと思っているアイテムアイコンは『Overlay』に入っているものです。

このようなメニューを作る場合、どういった方法があるでしょうか?
ご教示よろしくお願いします。

左上に詰めていくのであれば、 WrapBox パネルがを使うのが良いでしょう。

Widget タイプのリファレンス

残数がなくなった時点で詰めるのであれば、アイテムリストが更新されるタイミング(アイテムを使ったり、拾ったり)でチェックを行い、残数が0のパネルを非表示にすれば良いと思います。

さっそくのご回答ありがとうございます。

了解しました。
ではWrapBoxを使って、メニューを作りなおしてみたいと思います。
ありがとうございます。

ちなみになのですが、「プレイヤーが整理ボタンを押したタイミングで、名前順や価格順にソートする」という処理を作るのは、結構手間のかかるものでしょうか?

BluePrintでソート機能は確かデフォルトで用意されていないため、手間はかかります。

以下のAnswerHubにFloatのソート方法が書かれているので参考に実装してみてください。

Sorting Float Array Numerically?

ご回答ありがとうございます。

やはりソート機能を実装するにはひと手間かかるのですね。
頂いたURLの説明を参考に、実装できるかどうか試してみたいと思います。

そして、作りたかったメニューの形はWrapBoxを使って無事に作れそうです。
お二方、ご教示どうもありがとうございました。