Textなどの子要素のサイズによって親のサイズも変える方法

こういうことをしたい

テキストサイズに合わせたフレーム拡縮

親としてついているフレーム画像ごと広がるようにする方法

ちょっと前まで、親と子それぞれにContentSizeFitterをつけて、子要素から順にhorizontalFitとか呼び出して、力づくで合わせてたが、もっと簡単な方法に気づいたのでメモ。

まず、Image コンポーネントのついた親にText コンポーネントのついた子をつけます。

次に、親の要素にHorizontal Layout GroupとContentSizeFitterをつけます。

親の設定はこんな感じ

Paddingは画像に合わせてそれぞれいい感じに。

これだけで、なんといい感じに画像が変わります！

こちらからは以上です。