2020.10.1はじめにこんばんは、プログラマーの笹目です!UE4のエディタ拡張に関して少しずつ掲載しています。今回はレイアウト編です。ウィジェットのレイアウトを設定する方法を見てみます。※使用したバージョンはUE4.13.2になります。※言語環境は英語になります。エディタ拡張(ボタン編)ウィジェットを並べて配置するウィジェットのレイアウトを指定する際に、SHorizontalBoxとSverticalBoxという2つのウィジェットをよく利用します。SHorizontalBoxSHorizontalBoxはウィジェットを横に並べて配置するウィジェットです。Slotの子要素に設定された順に左から配置されていきます。以下はそのコード例と実行結果画面になります。)]SVerticalBoxSVerticalBoxはウィジェットを縦に並べて配置するウィジェットです。Slotの子要素に設定された順に上から配置されていきます。以下はそのコード例と実行結果画面になります。複数のウィジェットが並んでいる一塊のレイアウトを並べて配置することができます。以下はそのコード例と実行結果画面になります。]]枠をつけるエディタを作成する際は、項目を分野ごとに枠(境界線)で囲って見やすくしたいです。いった場合はSBorderウィジェットを使用します。SBorderウィジェットは、子要素に設定されたウィジェットの周りを線で囲みます。分野ごとに囲みたい場合は、SHorizontalBoxやSVerticalBoxと組み合わせてレイアウトすることで実現します。以下はそのコード例と実行結果画面になります。]]UnrealEditorから学ぶUnrealEditorのこの部分みたいなレイアウトをつくりたい!といった場合、直接その部分のコードを参考にするのが早い方法かと思います(勉強にもなります)。いうときは、WidgetReflectorを利用するのが便利です。Widget」ボタンを押します。すると、下図のようにマウスカーソルをあわせた部分のウィジェットの構成を見ることができます。確認したいレイアウトにマウスカーソルをあわせたら、Escキーでストップして各ウィジェットの階層を確認します。Info」項目のソースファイル名をクリックすると、VisualStudioが立ち上がって、自動でファイルを開いてくれます。直接ソースを見て調べることが多いです。サイトでの情報を利用することによる損害等に対し、株式会社ロジカルビートは一切の責任を負いません。understrap.com。