メモ
UE4

(メモ)UE4でスクロールリストを作る。

More than 1 year has passed since last update.

概要

UE4でのスクロールリスト取り扱い方法について備忘録。
中身を必要な分だけ動的に作るやーつ。
※尚、この手法が正しいのか否かは不明。

手順

1. 普通にウィジェットをレイアウトする

ベースとなるウィジェットを作る

scroll_01.png
新規作成 -> ユーザーインターフェイス -> ウィジェットブループリント でファイルを作るよ。
今回は「testScrollWidget」という名前を付けたよ。

レイアウトする

scroll_02.png
パレットからScroll Boxをベースにして、アイテムが1つ配置された状態のレイアウトを作ってね!

scroll_03.png
こんな感じ!

2. アイテム(中身)を別のウィジェットに分離する

アイテムを分離するためのウィジェットを作る

scroll_04.png
新規作成 -> ユーザーインターフェイス -> ウィジェットブループリント でファイルをもう一つ作ってね!
今回は「testItemWidget」という名前を付けたよ。

testItemWdget」からデフォルトで配置されているCanvas Panelを削除

scroll_05.png
アイテムを分離して配置するにあたり、ベースのCanvas Panelは不要になるので削除してね。

testScrollWidget」からアイテムのレイアウトを切り取って

scroll_06.png

testItemWidget」に貼り付け

scroll_07.png

こんな感じになればOK!
scroll_08.png

3. 動的に生成するスクリプトを作る

scroll_09.png
testScrollWidget」のブループリントをこんな感じにしてね!

4. テスト

scroll_10.png
とっても簡単ね!

Tips

アイテムのトップをCanvas Panelにする

そうすることで、アイテムの高さ(幅)を自由に設定できるようになるよ!