スペースを埋める中央揃えの要素を使用してテンプレートを作成

テキストフィールドとノブを含むテンプレートを作成するとします。このとき、テンプレートのサイズを変更するとテキストフィールドのサイズは水平方向に変更され、ノブは拡大/縮小されることなく中央に配置されるようにします。

手順

  1. テキストフィールドは「Attach Ratio Left」を「0/1」に、「Attach Ratio Right」を「1/1」に設定します。

    こうすると、左端はテンプレートの左側に常に固定され、右端はテンプレートの右端に完全に追従します。テンプレートの幅を変更するとテキストフィールドのサイズも同時に変更されます。

  2. ノブは「Attach Ratio Left」「Attach Ratio Right」を「1/2」に設定します。

結果

こうすると、テンプレートのサイズを 20 ピクセル変更した場合、ノブの右端と左端がそれぞれ 10 ピクセル移動します。ノブのサイズは変わらず、中央に配置されます。