本日はUnityの小ネタ枠です。
UnityのLayoutGroupを使って子要素を比率でサイズ調整する方法です。
Vertical Layout Group
Vertical Layout Groupコンポーネントを利用すると子のレイアウト要素を垂直方向に調整して配置します。
本コンポーネントの設定を利用することで子要素を比率でサイズ調整できます。
docs.unity3d.com
サンプルシーン
以下の２つのScrollViewをVerticalLayoutGroupコンポーネントを使って1:2のサイズで調整してみます。
1つ上の親オブジェクトにVerticalLayoutGroupコンポーネントを追加します。
VerticalLayoutGroupコンポーネントの以下の３つの高さ調整項目すべてにチェックを入れます。
| 項目名 | 説明 |
|---|---|
| Control Child Size | レイアウトグループが子レイアウト要素の幅と高さを制御するかどうか |
| Use Child Scale | レイアウトグループが要素のサイズ調整やレイアウトを行う際に、その子レイアウト要素のスケールを考慮するかどうか |
| Child Force Expand | 付加的な使用可能なスペースを埋めるために、子レイアウト要素を強制的に拡大するかどうか |
[Use Child Scale]にチェックを入れていると子オブジェクトのサイズ調整にスケールが考慮されます。
片方のScrollViewの高さのスケールを 1 から 2 に変更してみます。
以下の通り、２つのScrollViewが1:2のサイズに自動で調整されました。
