facebook twitter hatena line email

「Unity/レイアウト」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==縦にコンテンツを並べる== #ヒエラルキーからCreate/UI/Panelを作成する #PanelのInspectorを開き、AddComponentでVerticalLayoutGroupを追加 #C...」)
(相違点なし)

2023年2月14日 (火) 06:58時点における版

縦にコンテンツを並べる

  1. ヒエラルキーからCreate/UI/Panelを作成する
  2. PanelのInspectorを開き、AddComponentでVerticalLayoutGroupを追加
  3. ControlChildSizeのWidthとHeightにチェックを入れる
  4. ChildForceExpandのWIdthとHeightにチェックを入れる
  5. Panelの中にImageなどを複数追加すると、Panel一杯に縦に均等に並ぶ

横にコンテンツを並べる

  1. ヒエラルキーからCreate/UI/Panelを作成する
  2. PanelのInspectorを開き、AddComponentでHorizontalLayoutGroupを追加
  3. ControlChildSizeのWidthとHeightにチェックを入れる
  4. ChildForceExpandのWIdthとHeightにチェックを入れる
  5. Panelの中にImageなどを複数追加すると、Panel一杯に横に均等に並ぶ

タイル状にコンテンツを並べる

  1. ヒエラルキーからCreate/UI/Panelを作成する
  2. PanelのInspectorを開き、AddComponentでGridLayoutGroupを追加
  3. ControlChildSizeのWidthとHeightにチェックを入れる
  4. ChildForceExpandのWIdthとHeightにチェックを入れる
  5. Panelの中にImageなどを複数追加すると、タイル状に並ぶ

縦に上からコンテンツを並べる

  1. ヒエラルキーからCreate/UI/Panelを作成する
  2. PanelのInspectorを開き、AddComponentでVerticalLayoutGroupを追加
  3. ControlChildSizeのWidthとHeightにチェックを入れる
  4. ChildForceExpandのWIdthだけにチェックを入れる
  5. Panelの中にImageなどを複数追加し、追加したImageのInspectorのAddCompnentにLayoutElementを追加する
  6. 追加したImageなどのLayoutElenmentのMinHeightにチェックを入れ100とする

一部コンテンツのLayoutElenmentのFlexibleHeightに、チェックを入れ、値を1とすると、そのコンテンツが余白を埋めて拡大される。