サイズ修正子と制限

UI オブジェクトの基本サイズ 調整 の他に、サイズ修正子を使用してオブジェクトを比例的にスケールするか、自動的にサイズを変更することができます。また、サイズ制限 を挿入して、 アスペクト比 を制御したり、最小値と最大値の サイズ または テキストサイズ を設定したりできます。

スケール

A オブジェクトは、親の プロパティを掛け算する数値を保存します。たとえば、オブジェクトが現在の 2 倍の大きさになるようにしたい場合は、UIScale オブジェクトを Scale プロパティの 2 で挿入できます。

この修正者は、Studio で詳細なユーザーインターフェイスを設計する際に「縮小」するのに便利です、 since it proportionally scales the object and all of its children, including any applied 外観修正子 や のようなもの。また、オブジェクトのサイズを 減らす など、例えばプレイヤーがマウスをその上にホバーするとボタンのサイズを少し増やすことも便利です。

自動サイズ調整

AutomaticSize プロパティは、親の GuiObject を自動的に子孫のサイズに拡大します。このプロパティは、以下のようなさまざまな場合に使用できます：

• 多くの言語で GuiObject されたテキストに合うように 拡張 している を拡張中:
• ユーザーが テキストを入力する ことを許可し、入力されたテキスト量に基づいて自動的にサイズを調整する。
• フォントタイプとサイズを含む リッチテキストマークアップ を使用して、テキストオブジェクトのサイズを自動調整する

任意の AutomaticSize プロパティを有効にすることができます。GuiObject。デフォルトでは、None に設定されていますが、値を変更して、GuiObject がどの方向に縮小するかを制御できます。

自動サイズ設定を有効にするには：

1. エクスプローラー ウィンドウで、 、例えば、 、 、または など、任意のをクリックします。

2. プロパティ ウィンドウで、AutomaticSize プロパティ ( AutomaticCanvasSize については ScrollingFrame ) に移動し、次のオプションの 1つに設定します：

   • X — コンテンツを横向きに再サイズ化します。
   • Y — コンテンツを縦に再サイズ化します。
   • XY — 横方向と縦方向の両方でコンテンツを再サイズ化します。

   

自動サイズ設定が設定する定されると、他のオブジェクトプロパティが以下のように動作することに注意してください：

オブジェクトの サイズ調整 コンセプトに似て、AutomaticSize はコンテンツの再サイズ化時に AnchorPoint プロパティを考慮します。たとえば、次のビデオでは、アンカーポイントから自動的にサイズが変更される 3つの TextLabels が表示されます。

• トップラベルには、AnchorPoint 値の (0, 0.5) があり、左側の中央にそれをアンカーします。
• ミドルラベルには、AnchorPoint 価値の (0.5, 0.5) があり、それを中央にアンカーします。
• 下のラベルには、AnchorPoint 価値の (1, 0.5) があり、右側の中央にそれを固定します。

制限

ユーザーインターフェイスオブジェクトに使用できる制約の種類は 3つあります： サイズ 、 テキストサイズ 、 アスペクト比 です。制約を使用するには、制約したい 子 を GuiObject として設定する必要があります。

サイズ

The UISizeConstraint は、GuiObject の最小と最大サイズを指定します。この制約により、GuiObject が異なる画面サイズで小さすぎたり大きすぎたりしないようになります。

たとえば、 プロパティを 、 プロパティを に設定し、 プロパティを に設定した場合、 は 200×200 ピクセル未満または 400×400 ピクセル以上のサイズにスケールすることはできません。

テキストサイズ

The は、テキストで 、 、または など、最小と最大のフォントサイズを指定します。この制約により、 テキスト 内の GuiObject が読み取りにくくなったり、大きすぎることがないようにします。

親 TextScaled の GuiObject プロパティを有効にすると、テキストサイズはコンテナのサイズに対応し、オブジェクトが MinTextSize および MaxTextSize の値より小さくなったり、大きくなったりしても制限を尊重します。

たとえば、次の TextLabel オブジェクトには、UITextSizeConstraint に MinTextSize 値の 50 と 80 の MaxTextSize 値があります。TextLabel が小さくなっても、フォントは 50ピクセルより小さくなることはありません、オブジェクトが大きくなっても、フォントは次に 80ピクセルを超えます。

アスペクト比

The は、コアサイズが親のパーセントとして設定されているにもかかわらず、コアサイズに関係なく 幅対高さ比率 を強制します。たとえば、この制約を Frame の子として挿入し、制約の AspectRatio プロパティを 2 ( 2:1 )に設定すると、フレームの幅が高さの 2倍になります。同様に、この制約の AspectRatio プロパティを 0.5 （ 0.5:1 ）に設定すると、フレームの幅が高さの半分に減少します。

この制約の AspectRatio を 1 のデフォルトに設定することは、1:1 （ImageLabel ）で正比例スケーリング/ストレッチがないように、正方形の画像アセットである アバターサムネイル を防ぐ便利な方法です。