次の項目は別ページに分割しました。
関連ページ:
リストビュー
手順
- メニューから「GameObject > UI > Scroll View」を選択して、スクロールビューをシーンに追加する。
- 「Content」オブジェクトに、「Content Size Fitter」コンポーネント及び「Vertical Layout Group」コンポーネントを追加する。要素を横方向に並べる場合は、「Vertical Layout Group」コンポーネントの代わりに「Horizontal Layout Group」コンポーネントを追加する。
- 「Content」オブジェクトの子として、並べる要素を追加する。
- 横または縦のスクロールバーが不要な場合は、「Scrollbar Horizontal」オブジェクトあるいは「Scrollbar Vertical」オブジェクトを削除する。
- 各コンポーネントのプロパティを必要に応じて調整する。
ドキュメント:
Scroll Rect | Unity マニュアル [公式]
Content Size Fitter | Unity マニュアル [公式]
参考:
スクロールビューの基本と軽量なスクロールリストビューの作り方 – Qiita
データを一覧表示するスクロールビューの作り方 | daichi
Scroll View で一覧表示を作成する | TECH PROjin
uGUI で List View を作る方法 | uroshika’s notes
スクロールビューでアイテム一覧を作成する | りつかのゲーム開発雑記ブログ
難解な Scroll View の基礎をわかりやすく解説 | hirokuma.blog
新しくなった 4.6 の新 GUI でスクロールビューを実装してみる 前編 | ぼくの答えはいつも No… そして Yes!
新しくなった 4.6 の新 GUI でスクロールビューを実装してみる 後編 | ぼくの答えはいつも No… そして Yes!
要素のサイズを自動的に調整する
ドキュメント:
UI 要素をコンテンツサイズに合わせる | Unity マニュアル [公式]
Content Size Fitter | Unity マニュアル [公式]
Layout Element | Unity マニュアル [公式]
参考:
文字列の長さによってテキストボックスのサイズを変える – Qiita
パネルとかの大きさを中身に合わせる為のおぼえがき | N-Lab.
特定の子要素のサイズに応じて親のサイズを変化させるやつ | カマカマの雑草ブログ
TextMeshProUGUI で描画したテキストに座布団をつけてみる | はなちるのマイノート
Scroll View で可変するテキストを縦スクロールさせるプログラミング不要な方法 | カリップ
Tips
思い通りにUIを作れないときは「アレ」を疑え | 渋谷ほととぎす通信
チュートリアル
Simple Drag and Drop (Code Monkey)
How to Implement Vertical Drag and Drop List View (AppTrait Solutions)
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)
リポジトリ: