Unity5.5 で Scroll View を使う


これもバージョンによってやり方が違うようなので最新バージョンでの覚書。

Scroll Viewというのはこんな感じ。

sc0

手順

まずは UI > Scroll View から要素を追加する。

sc1

以下のようにCanvas にScroll View が追加される。

sc2

横方向のスクロールは必要なかったので、Scrollbar Holizontalを削除して、Scroll ViewのScroll RectコンポーネントからHolizontalをオフにする。

sc3

ContentContent Size Filter Vertical Layout Group を追加

sc4

Contentの中に入れるリストアイテムにLayout Element コンポーネントを追加

sc5

最終的に以下のような構成になり、最初の画像のようなスクロールビューができる。

sc6

コンポーネント

・Content Size Filter

Contentの大きさが子要素の合計になる。

大きさがおかしくてもスクロールは出来るが、スクロールバーを正しく表示させるためには必要。

・Vertical Layout Group

Layout elementをカウントアップするために必要。

これがないと Layout Element を入れても Content Size が計算できない。

・Layout Element

これを含む要素を放り込むだけで縦、横の方向に並んで配置されるようになる。

 


コメントを残す

メールアドレスが公開されることはありません。