「Unity/レイアウト」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==縦にコンテンツを並べる== #ヒエラルキーからCreate/UI/Panelを作成する #PanelのInspectorを開き、AddComponentでVerticalLayoutGroupを追加 #C...」) |
(→縦に上からコンテンツを並べる) |
||
| 行24: | 行24: | ||
#PanelのInspectorを開き、AddComponentでVerticalLayoutGroupを追加 | #PanelのInspectorを開き、AddComponentでVerticalLayoutGroupを追加 | ||
#ControlChildSizeのWidthとHeightにチェックを入れる | #ControlChildSizeのWidthとHeightにチェックを入れる | ||
| − | # | + | #ChildForceExpandのWidthだけにチェックを入れる |
#Panelの中にImageなどを複数追加し、追加したImageのInspectorのAddCompnentにLayoutElementを追加する | #Panelの中にImageなどを複数追加し、追加したImageのInspectorのAddCompnentにLayoutElementを追加する | ||
#追加したImageなどのLayoutElenmentのMinHeightにチェックを入れ100とする | #追加したImageなどのLayoutElenmentのMinHeightにチェックを入れ100とする | ||
一部コンテンツのLayoutElenmentのFlexibleHeightに、チェックを入れ、値を1とすると、そのコンテンツが余白を埋めて拡大される。 | 一部コンテンツのLayoutElenmentのFlexibleHeightに、チェックを入れ、値を1とすると、そのコンテンツが余白を埋めて拡大される。 | ||
2023年2月24日 (金) 21:11時点における版
縦にコンテンツを並べる
- ヒエラルキーからCreate/UI/Panelを作成する
- PanelのInspectorを開き、AddComponentでVerticalLayoutGroupを追加
- ControlChildSizeのWidthとHeightにチェックを入れる
- ChildForceExpandのWIdthとHeightにチェックを入れる
- Panelの中にImageなどを複数追加すると、Panel一杯に縦に均等に並ぶ
横にコンテンツを並べる
- ヒエラルキーからCreate/UI/Panelを作成する
- PanelのInspectorを開き、AddComponentでHorizontalLayoutGroupを追加
- ControlChildSizeのWidthとHeightにチェックを入れる
- ChildForceExpandのWIdthとHeightにチェックを入れる
- Panelの中にImageなどを複数追加すると、Panel一杯に横に均等に並ぶ
タイル状にコンテンツを並べる
- ヒエラルキーからCreate/UI/Panelを作成する
- PanelのInspectorを開き、AddComponentでGridLayoutGroupを追加
- ControlChildSizeのWidthとHeightにチェックを入れる
- ChildForceExpandのWIdthとHeightにチェックを入れる
- Panelの中にImageなどを複数追加すると、タイル状に並ぶ
縦に上からコンテンツを並べる
- ヒエラルキーからCreate/UI/Panelを作成する
- PanelのInspectorを開き、AddComponentでVerticalLayoutGroupを追加
- ControlChildSizeのWidthとHeightにチェックを入れる
- ChildForceExpandのWidthだけにチェックを入れる
- Panelの中にImageなどを複数追加し、追加したImageのInspectorのAddCompnentにLayoutElementを追加する
- 追加したImageなどのLayoutElenmentのMinHeightにチェックを入れ100とする
一部コンテンツのLayoutElenmentのFlexibleHeightに、チェックを入れ、値を1とすると、そのコンテンツが余白を埋めて拡大される。
