メニュー画面とかで使いたいこんな感じのスクロール領域の作り方。
Scroll View をシーンに追加
Hierarchy ビューで Create > UI > Scroll View とクリックしてシーンにスクロールビューを追加します。
するとデフォルトのスクロールビューが以下のような構造でシーンに作成されるはず。
今回は横方向に伸ばしていきたいので、縦スクロールを向こうにしてスクロールバーを削除しました。
Content 要素に Layout Group と Content Size Fitter を追加する
作成されたビューの Content というGameObjectに、Horizontal Layout Group か Vertical Layout Group コンポーネントを追加します。
これは横、縦一列に並べるためのコンポーネントです。
加えて、Content Size Fitter コンポーネントも追加。
以下のような状態になります。
Content Size Fitter はスクロールしたい方向の設定を Min Size もしくは Preffered Size に設定します。
Content 要素以下にリスト要素を追加する
エディタ上で要素を増やしていくとこんなかんじ。
スクロールの初期位置を調節する
要素が多いと列の中央部が初期位置として表示されてしまいます。
上寄せ、左寄せで初期表示したい場合は、Content オブジェクトの RectTransform の Pivot をそちら側に寄せることで対応可能です。
