ContentSizeFitterつきオブジェクトの設定について

Question

お世話になります。
Unity5.3.4f1を使用しています。

ScrollViewでチャットを作成中で、1メッセージを構成するプレハブを以下の図のように考えています。

水色部分は外枠で、中のimageにチャット相手の画像、message部分に発言内容を表示するようにします。
この図において、messageは内容によって2行、3行となるため水色枠の方にContentSizeFitterを
付けています。

問題となっているのは、messageは伸長したいのですが、imageは伸長したくありません。
ですが、現状messageのテキストによってimageも縦長になってしまいます。

水色の枠にContentSizeFitterをつけたままimageを伸長しないようにするにはどうしたらいいでしょうか？

よろしくお願いいたします。

Answer 1

すみません、自己解決しました。

ishi9さんの階層を利用させてもらうと、私の場合は

mizuiro
├image
└message

という形になっており、mizuiroにHorizontalLayoutGroupをつけてimageとmessageを並べていました。
このHorizontalにあるChildForceExpandのHeightにチェックを付けており、
このチェックを外すとimageは伸長せず、messageとmizuiroのみ伸長するようにできました。
ChildForceExpandについて認識が曖昧でしたが、文字通り子のオブジェクトを強制的に
伸縮させる、という意味になるでしょうか。今後とも気を付けていきたいと思います。

Answer 2

階層の工夫で解決すると思いますよ。
messagebox
├mizuiro
├─message
└image

こんな感じの階層にして水色枠にContentSizeFitterを付ければ
messageは影響を受けますが、imageは子ではないので影響を受けません。

実際にやってないので多分としか言えませんが。

Comments

[venturer_level1]

ご回答ありがとうございます。

messageboxの子はmizuiroとimageでmizuiroの子がmessageとなっているという認識でよろしいでしょうか。色々やってみましたが、私の環境ではmessageboxの方にContentSizeFitterをつけて扱わないとリストに追加する際に縦幅がわからなくなる（messageは伸長しますが包括しているmessageboxが伸長しない）ため追加位置が決定できないという問題がありました。messageが下の要素に被ってしまいます。

何かできそうな感じではあるんですが、未だ解決していません。良い案ありましたらご教示願います。

[ishi9]

すいません、説明が不足していました。
messageboxはただのrootであり、空のコンポーネントを配置しているイメージです。
mizuiroと書いた部分が実際の枠を格納したコンポーネントです。

[ishi9]

ここ参考になるかもしれません
https://anz-note.tumblr.com/post/145359548501/unity%E4%BC%9A%E8%A9%B1%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%82%92%E3%82%BF%E3%82%A4%E3%83%A0%E3%83%A9%E3%82%A4%E3%83%B3%E9%A2%A8%E3%81%AB%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E3%82%84%E3%83%BC%E3%81%A4

[venturer_level1]

参考サイト有難うございます。
こちらのTemplateの作り方を参考にさせていただきます。