質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Unity

Unityは、Unity Technologiesが開発・販売している、IDEを内蔵するゲームエンジンです。主にC#を用いたプログラミングでコンテンツの開発が可能です。

Q&A

解決済

1回答

3688閲覧

Unity 親オブジェクトにContentSizeFitterを付けたい

silver_night

総合スコア34

Unity

Unityは、Unity Technologiesが開発・販売している、IDEを内蔵するゲームエンジンです。主にC#を用いたプログラミングでコンテンツの開発が可能です。

0グッド

1クリップ

投稿2020/05/07 05:50

前提・実現したいこと

Unityでオブジェクトを横に並べるシステムを作っています。

<hierarchyイメージ>
Canvas
image_stage (HorizontalLayoutGroup)
image_parent (ここにcontentSizeFitterを付けたい)
image_child0
image_child2
image_child3

image_child03は手動で横に並べてあります。
image_child0
3の合計サイズにparentを合わせたいと思い、ContentSizeFitterを実装しようとしたところ、以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

Parent has a type of layout gruoup component. A child of a layout group should not have a ContentSizeFitter component, since it should be driven by layout group.

"親がlayout groupを持っていると、子供はContentSizeFitterを付けられないよ"ということだと思うんですが、image_stageにはparentを複数並べる予定なので、HorizontalLayoutGroupは外したくありません。
どうしたらimage_childにparentのサイズを合わせられるでしょうか。
よろしくお願いします。

補足情報(FW/ツールのバージョンなど)

Unity2018.3.1f1 personal
VisualStudio2017 community

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

■image_parentの大きさが固定の場合(image_childの数や大きさが変わらない場合)
image_parentにContentSizeFitterの代わりに「Layout Element」を付け、Minで領域サイズを指定してください。

■image_parentの大きさが変わる場合
要素サイズ計算は〜LayoutGroupが無いと行われません。
image_parentにContentSizeFitterの代わりに「〜LayoutGroup」を付け、Child Controls Sizeはオン、Child Force Expandはオフにしてください。
(image_childのレイアウトは頑張ってやってください)

いずれの場合も、
「ContentSizeFitterは、最上位のLayoutGroupが付いたオブジェクト(ここではimage_stage)の大きさを子に合わせて変更する時だけ使う」と考えていいかと思います。

参考:
UI 要素をコンテンツサイズに合わせる - Unity マニュアル
【Unity】uGUIの自動レイアウトが分かりにくいと評判なので解説してみる - テラシュールブログ

投稿2020/05/08 03:06

sakura_hana

総合スコア11427

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

silver_night

2020/05/08 05:09

いつもありがとうございますm(_ _)m できました! image_stage (HorizontalLayoutGroup) image_parent (HorizontalLayoutGroup) image_child0(LayoutElement) image_child2(LayoutElement) image_child3(LayoutElement) ①iamge_stageのChildControlSizeをオン、ChildForseExpandをオフ ②Image_parentのChildControlSizeをオン、ChildForseExpandをオフ ③Image_childのMin Width、Min Heightにチェックを入れ、数字を入れる ④Image_child間の幅はImage_parentのSpacingで調整 という感じでした。 ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問