リストビュー

手順
  1. メニューから「GameObject > UI > Scroll View」を選択して、スクロールビューをシーンに追加する。
  2. 「Content」オブジェクトに、「Content Size Fitter」コンポーネント及び「Vertical Layout Group」コンポーネントを追加する。要素を横方向に並べる場合は、「Vertical Layout Group」コンポーネントの代わりに「Horizontal Layout Group」コンポーネントを追加する。
  3. 「Content」オブジェクトの子として、並べる要素を追加する。
  4. 横または縦のスクロールバーが不要な場合は、「Scrollbar Horizontal」オブジェクトあるいは「Scrollbar Vertical」オブジェクトを削除する。
  5. 各コンポーネントのプロパティを必要に応じて調整する。

ドキュメント:

Scroll Rect | Unity マニュアル [公式]

Content Size Fitter | Unity マニュアル [公式]

参考:

スクロールビューの基本と軽量なスクロールリストビューの作り方 – Qiita

データを一覧表示するスクロールビューの作り方 | daichi

Scroll View で一覧表示を作成する | TECH PROjin

uGUI で List View を作る方法 | uroshika’s notes

スクロールビューでアイテム一覧を作成する | りつかのゲーム開発雑記ブログ

難解な Scroll View の基礎をわかりやすく解説 | hirokuma.blog

uGUI でスクロールビューを作る | テラシュールブログ

新しくなった 4.6 の新 GUI でスクロールビューを実装してみる 前編 | ぼくの答えはいつも No… そして Yes!

新しくなった 4.6 の新 GUI でスクロールビューを実装してみる 後編 | ぼくの答えはいつも No… そして Yes!

要素のサイズを自動的に調整する

ドキュメント:

UI 要素をコンテンツサイズに合わせる | Unity マニュアル [公式]

Content Size Fitter | Unity マニュアル [公式]

Layout Element | Unity マニュアル [公式]

参考:

文字の長さに合わせて背景のサイズ変更したい – Qiita

文字列の長さによってテキストボックスのサイズを変える – Qiita

パネルとかの大きさを中身に合わせる為のおぼえがき | N-Lab.

特定の子要素のサイズに応じて親のサイズを変化させるやつ | カマカマの雑草ブログ

TextMeshProUGUI で描画したテキストに座布団をつけてみる | はなちるのマイノート

Scroll View で可変するテキストを縦スクロールさせるプログラミング不要な方法 | カリップ

Tips

思い通りにUIを作れないときは「アレ」を疑え | 渋谷ほととぎす通信

チュートリアル

Simple Drag and Drop

How to Implement Vertical Drag and Drop List View

Table Scroll View

リポジトリ:

catsnipe/TableScrollView: Scroll View Extension Class – GitHub

参考:

Table Scroll View – 大量のリストを高速に表示する | Unity Indies

使い方 – Table Scroll View  | Unity Indies

イベント/パラメータ – Table Scroll View | Unity Indies

List View (adventam10)

リポジトリ:

adventam10/UnityListView – GitHub

参考:

UITableView みたいなリスト表示をする | am10 ぶろぐ

ANZ List View

リポジトリ:

anzfactory/ANZListView: UITableView 風な List View をめざしたもの – GitHub

参考:

UITableView っぽい List View をつくってみた | 杏z 学習帳

List View (mattak)

リポジトリ:

mattak/UnityListView: ListView Sample – GitHub

Fancy Scroll View

公式サイト:

Fancy Scroll View | setchi

リポジトリ:

setchi/FancyScrollView: Scroll View Component that can implement Highly Flexible Animations – GitHub

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA