【Unity UI】UI要素の幅を固定にする方法

temp

水平レイアウト(Horizonral Layout)を配置し、そこに2つのUI要素(この場合は、左に Input Field、右にスライダー)を入れると、上図のように横幅が均等になる。
左の要素の幅を固定にし、ウィンドウ幅が変化した場合は、スライダー幅だけが変化するようにしたい。
この方法がなかなかわからなかったが、いろいろググッてやっと判明したので、ここに記述しておく。

まずは固定にしたい要素を選び、インスペクタで【Add Component】を選び、Layout Element, Content Size Filter を追加する。
そして、前者で min Width を、後者で Horizontal Fit:MinSize を選ぶ。

temp

これで、要素は固定幅になるのだが、下図のように余分な余白が出来てしまう。

temp

余白を無くすためには、右側の要素にも Layout Element を Add Component し、Flexible Width に 100 などの大きな値を設定するとよい。

temp

以上で、下図のように左側の要素幅だけを固定にできたぞ。

temp