Unity/レイアウト - 版の履歴

Admin: /* SafeAreaHelperを使う */

2026-03-25T02:25:39Z

SafeAreaHelperを使う

← 古い版		2026年3月25日 (水) 02:25時点における版
88行目:		88行目:
	==SafeAreaHelperを使う==		==SafeAreaHelperを使う==
	[[Unity/おすすめアセット/SafeAreaHelper]] [ｼｮｰﾄｶｯﾄ]		[[Unity/おすすめアセット/SafeAreaHelper]] [ｼｮｰﾄｶｯﾄ]

			==stretchの値をscriptから更新==
			leftに100を入れる
			<pre>
			RectTransform rt = image.GetComponent<RectTransform>();
			Vector2 offset = rt.offsetMin;
			offset.x = 100;
			rt.offsetMin = offset;
			</pre>

2024-09-25T21:36:44Z

LayoutElementのパラメータ

← 古い版		2024年9月25日 (水) 21:36時点における版
85行目:		85行目:

	参考：https://note.com/fuqunaga/n/ndef5b45863d4		参考：https://note.com/fuqunaga/n/ndef5b45863d4

			==SafeAreaHelperを使う==
			[[Unity/おすすめアセット/SafeAreaHelper]] [ｼｮｰﾄｶｯﾄ]

2024-09-25T17:28:10Z

LayoutElementのパラメータ

← 古い版		2024年9月25日 (水) 17:28時点における版
80行目:		80行目:

	==LayoutElementのパラメータ==		==LayoutElementのパラメータ==
	Min Width/Height：pixelで最低限のサイズ指定		*Min Width/Height：pixelで最低限のサイズ指定
	Preferred Width/Height：pixelで推奨サイズ指定		*Preferred Width/Height：pixelで推奨サイズ指定
	Flexible Width/Height - スペースが余ってたとき拡げる比率		*Flexible Width/Height - スペースが余ってたとき拡げる比率

	参考：https://note.com/fuqunaga/n/ndef5b45863d4		参考：https://note.com/fuqunaga/n/ndef5b45863d4

2024-09-25T17:27:59Z

LayoutGroupのChildForceExpandの意味

← 古い版		2024年9月25日 (水) 17:27時点における版
78行目:		78行目:
	==LayoutGroupのChildForceExpandの意味==		==LayoutGroupのChildForceExpandの意味==
	ChildForceExpandのHeightにチェックをいれると、縦幅全体に対して、子供Objectを均等に配置するようになる。チェックを外すと、隙間を開けずに、配置するようになる。		ChildForceExpandのHeightにチェックをいれると、縦幅全体に対して、子供Objectを均等に配置するようになる。チェックを外すと、隙間を開けずに、配置するようになる。

			==LayoutElementのパラメータ==
			Min Width/Height：pixelで最低限のサイズ指定
			Preferred Width/Height：pixelで推奨サイズ指定
			Flexible Width/Height - スペースが余ってたとき拡げる比率

			参考：https://note.com/fuqunaga/n/ndef5b45863d4

2024-09-03T16:39:59Z

LayoutGroupのControlChildSizeの意味

← 古い版		2024年9月3日 (火) 16:39時点における版
75行目:		75行目:
	==LayoutGroupのControlChildSizeの意味==		==LayoutGroupのControlChildSizeの意味==
	ControlChildSizeのHeightにチェックをいれると、その下にImageがあった場合、そのImageのHeightが、その子どもの高さによる自動計算になる。逆に、チェックを外すとImageのHeightに数値をいれることができるようになる。		ControlChildSizeのHeightにチェックをいれると、その下にImageがあった場合、そのImageのHeightが、その子どもの高さによる自動計算になる。逆に、チェックを外すとImageのHeightに数値をいれることができるようになる。

			==LayoutGroupのChildForceExpandの意味==
			ChildForceExpandのHeightにチェックをいれると、縦幅全体に対して、子供Objectを均等に配置するようになる。チェックを外すと、隙間を開けずに、配置するようになる。

2024-09-03T16:36:12Z

LayoutGroupのControlChildSizeの意味

← 古い版		2024年9月3日 (火) 16:36時点における版
74行目:		74行目:

	==LayoutGroupのControlChildSizeの意味==		==LayoutGroupのControlChildSizeの意味==
	ControlChildSizeのHeightにチェックをいれると、その下にImageがあった場合、そのImageのHeightが自動計算になる。逆に、チェックを外すとImageのHeightに数値をいれることができるようになる。		ControlChildSizeのHeightにチェックをいれると、その下にImageがあった場合、そのImageのHeightが、その子どもの高さによる自動計算になる。逆に、チェックを外すとImageのHeightに数値をいれることができるようになる。

2024-09-03T16:28:40Z

ContentSizeFitterを追加したRectの縦幅/横幅を取得

← 古い版		2024年9月3日 (火) 16:28時点における版
72行目:		72行目:

	参考：https://www.snoopopo.com/entry/2023/10/01/125516		参考：https://www.snoopopo.com/entry/2023/10/01/125516

			==LayoutGroupのControlChildSizeの意味==
			ControlChildSizeのHeightにチェックをいれると、その下にImageがあった場合、そのImageのHeightが自動計算になる。逆に、チェックを外すとImageのHeightに数値をいれることができるようになる。

2024-07-14T19:10:57Z

UIアンカーで上下フィットさせる

← 古い版		2024年7月14日 (日) 19:10時点における版
62行目:		62行目:
	==UIアンカーで上下フィットさせる==		==UIアンカーで上下フィットさせる==
	ImageなどについてるRectTreansformの左側に表示されているUIアンカーから上下stratchを選択すれば、上下にfitするUIが作れる		ImageなどについてるRectTreansformの左側に表示されているUIアンカーから上下stratchを選択すれば、上下にfitするUIが作れる

			==ContentSizeFitterを追加したRectの縦幅/横幅を取得==
			なにもしないと、表示処理が、1フレーム遅いのか？わからないが、こちらのタイミングで、ContentSizeFitterを効かせたい場合は、以下のように処理する。
			<pre>
			ContentSizeFitter contentSizeFitter = obj.GetComponent<ContentSizeFitter>();
			contentSizeFitter.SetLayoutHorizontal();
			contentSizeFitter.SetLayoutVertical();
			</pre>

			参考：https://www.snoopopo.com/entry/2023/10/01/125516

2024-07-02T16:13:59Z

横並びで、左からコンテンツを並べるの例

← 古い版		2024年7月2日 (火) 16:13時点における版
50行目:		50行目:
	#Panelの中にTextなどを複数追加し、		#Panelの中にTextなどを複数追加し、
	#ContentSizeFitterでHorizontalFitをPreferredSizeにし、LayoutElementのMinWidthにチェックを入れ0で、設定する		#ContentSizeFitterでHorizontalFitをPreferredSizeにし、LayoutElementのMinWidthにチェックを入れ0で、設定する

			参考：https://tsubakit1.hateblo.jp/entry/2017/06/15/020309

	==縦幅を指定する==		==縦幅を指定する==

2024-07-02T15:54:53Z

コンテンツをフィットさせたコンテンツを並べる場合

← 古い版		2024年7月2日 (火) 15:54時点における版
42行目:		42行目:

	参考：https://albatrus.com/entry/2021/03/06/162141		参考：https://albatrus.com/entry/2021/03/06/162141

			===横並びで、左からコンテンツを並べるの例===
			#ヒエラルキーからCreate/UI/Panelを作成する
			#PanelのInspectorを開き、AddComponentでHorizontalLayoutGroupを追加
			#ControlChildSizeのHeightだけチェックを入れる・Widthは外す
			#ChildForceExpandは両方チェックを外す
			#Panelの中にTextなどを複数追加し、
			#ContentSizeFitterでHorizontalFitをPreferredSizeにし、LayoutElementのMinWidthにチェックを入れ0で、設定する

	==縦幅を指定する==		==縦幅を指定する==