UI の外観修正子 | 文書 - Roblox クリエーターハブ

外観修正者を利用することで、GuiObjects の外観をさらにカスタマイズできます。

オブジェクトの背景にグラデーションを適用します。
テキストまたは境界にストロークを適用する。
オブジェクトに丸いコーナーを設定。
オブジェクトの境界の間のパッドを増加する。

グラデーション

UIGradient オブジェクトは、親の GuiObject に色と透明度のグラデーションを適用します。

グラデーションを構成するには：

グラデーションのプロパティで ColorSequence を設定して、Color の色を設定する。
グラデーションの透明度を通じて NumberSequence で設定し、グラデーションの Transparency で。
Offset プロパティを通じて、グラデーションの開始地点 (親の境界内または外)を選択する。
Rotation プロパティを通じて傾きの角を選択する。

カラー順列

グラデーションの色順序を設定するには：

In the エクスプローラー window, select the UIGradient .
プロパティウィンドウで、色プロパティフィールド内をクリックし、入力ボックスの右側の … ボタンをクリックします。カラーシーケンスポップアップ表示。

カラーシーケンスの下軸の各三角形は、その時点での色値を決定するキーポイントです。
カラーシーケンスのキーポイントをクリックし、色の横にある小さな正方形をクリックして、カラーポップアップウィンドウを開きます。
キーポイントの希望の色を選択します。
必要に応じて、次のことができます：
- グラフのどこかをクリックして、別のキーポイントを追加します。
- 既存のキーポイントを新しい位置にドラッグするか、キーポイントを選択して時間入力を介して特定の時間値を入力します。
- キーポイントを選択し、削除ボタンをクリックして削除します。
- 順序をリセットするには、リセットボタンをクリックします。

透明性

グラデーションの透明度を範囲全体で調整するには：

In the エクスプローラー window, select the UIGradient .
プロパティウィンドウで、透明性プロパティフィールド内をクリックし、入力ボックスの右側の … ボタンをクリックします。数字シーケンスポップアップ表示。

数列グラフの各スクエアは、その時点で透明度値を決定するキーポイントです。
任意のキーポイントをクリックしてドラッグしたり、キーポイントを選択して時間と値の入力を介して特定の時間/値の組み合わせを入力したりします。
必要に応じて、次のことができます：
- グラフのどこかをクリックして、別のキーポイントを追加します。
- キーポイントを選択し、削除ボタンをクリックして削除します。
- 順序をリセットするには、リセットボタンをクリックします。

偏りと回転

Offset および Rotation プロパティは、グラデーションの制御ポイントと角度を調整できます。次の図に示すように、Offset は、親の幅または高さのパーセントに基づいており、両方の正または負の値が有効です。

同様に、グラデーションを回転させると、制御ポイントも回転します。

ストローク

UIStroke インスタンスは、テキストまたは境界にアウトラインを適用します。主な機能には次があります：

ストロークアウトラインの調整可能な色と厚さ。
ストロークの透明度を親の透明度と独立して設定できる能力。
3つのコーナースタイル(ラウンド、ベベル、またはミーター)。
ストロークグラデーションサポートを通じて UIGradient インスタンス。

テキストの輪郭/境界

親によって、 UIStroke は、テキストの概要またはボーダーとして動作します。テキストオブジェクトに親を付けると、テキストのアウトラインに適用されます。他のに親を付けると、ボーダーに適用されます。

テキストオブジェクトに適用すると、デフォルトのストローク動作を ApplyStrokeMode プロパティでオーバーライドでき、テキスト自体ではなくオブジェクトの境界にストロークを適用できます。2つのインスタンスをテキストオブジェクトに親属させて、テキストの輪郭と境界を独立して制御できます。1つはコンテキスト、もう1つはボーダーに設定します。