UE4 BPからUniformGridPanelで整列して配置する

1 min read読了の目安(約800字

UMGのUniformGridPanelで実行時に動的にボタンを整列して配置する作り方をメモします
バージョン UE4.26 preview4

ウィジェットを作成

CanvasPanelとUniformGridPanelを追加します

Size To Contextを有効にしています
UniformGridPanelのIsVariableを有効化してグラフから変数として扱えるようにします

グラフの設定

  • 行数rowsと列数colsを変数に追加しデフォルト値を表示したい行数列数にします
  • 要素を追加するための関数AddButtonを作成します
  • インプットにintegerで行rowと列colを追加します
  • 変数にしてあるUniformGridPanelをGetし、作成したボタンウィジェット、インプットからのrowとcolを指定してAddChildToUniformGrid関数を呼びます
  • ForLoopで行列数分ボタンを追加してきます

実行時に整列して配置されました
ボタン間のマージンはUniformGridPanelのSlodPaddingから設定しています