UI外観修飾子

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

オブジェクトの背景にグラデーションを適用します。
テキストやボーダーにストロークを適用します。
オブジェクトに角丸を設定します。
オブジェクトのボーダー間のパディングを増やします。
オブジェクトの背後にドロップシャドウを追加します。

グラデーション

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

グラデーションは以下の方法で設定できます：

グラデーションのColorプロパティを通じて、ColorSequenceで色を設定します。
グラデーションのTransparencyプロパティを通じて、NumberSequenceで透明度を設定します。
Typeプロパティを通じて、グラデーションのタイプを選択します。
Offsetプロパティを通じて、グラデーションの開始点（親の境界内または外）を選択します。
Rotationプロパティを通じて、グラデーションの角度を選択します。
Scaleプロパティを通じて、グラデーションのスケールを選択します。
TileModeプロパティを通じて、グラデーションのエッジサンプリングの動作を選択します。

色のシーケンス

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

Explorerウィンドウで、UIGradientを選択します。
Propertiesウィンドウで、Colorプロパティフィールド内をクリックし、入力ボックスの右側にある**⋯**ボタンをクリックします。
色のシーケンスの下部軸にある各三角形は、そのポイントでの色の値を決定するキーポイントです。
1. 色のシーケンス内のキーポイントをクリックして選択または再配置するか、グラフ上の任意の場所をクリックして別のキーポイントを追加します。
2. Colorの隣にある小さな四角をクリックしてColorsポップアップウィンドウを開き、キーポイントの希望の色を選択します。
3. 必要に応じて、これらの手順を繰り返してグラフ全体の色を追加/調整します。

透明度

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

Explorerウィンドウで、UIGradientを選択します。
Propertiesウィンドウで、Transparencyプロパティフィールド内をクリックし、入力ボックスの右側にある**⋯**ボタンをクリックします。
数値シーケンスグラフ全体の各四角は、そのポイントでの透明度の値を決定するキーポイントです。
1. 数値シーケンス内のキーポイントをクリックして選択または再配置するか、グラフ上の任意の場所をクリックして別のキーポイントを追加します。
2. TimeおよびValue入力を通じて、特定の時間/値の組み合わせを入力します。
3. 必要に応じて、これらの手順を繰り返してグラフ全体の透明度レベルを追加/調整します。

タイプ

このグラデーション機能は現在ベータ版です。ファイル ⟩ ベータ機能 ⟩ アップグレードされたUIグラデーションを通じて有効にしてください。

グラデーションのTypeプロパティは、Linear、Radial、Elliptical、またはConicalの中からそのタイプを設定します。

Linear — 色/透明度のシーケンスが要素全体に直線的に遷移します。方向はその回転によって制御され、位置はそのオフセットによって制御されます。これはデフォルトです。
Radial — 色/透明度のシーケンスが要素の中心から外向きに放射状に広がり、Offsetによってシフトされることがあります。半径は要素の幅と高さの平均を2で割った値、すなわち $\text{(width+height)/4}$ で定義されます。Rotationは放射状グラデーションには影響しません。
Elliptical — 色/透明度のシーケンスが要素の中心から楕円形に外向きに放射状に広がり、Offsetによってシフトされることがあります。楕円の水平および垂直の半径は要素の幅と高さの半分であり、楕円は要素の境界にフィットします。Rotationは楕円の軸を回転させます。
Conical — 色/透明度のシーケンスが要素の中心の周りを時計回りにスイープし、Offsetによってシフトされることがあります。Rotationはスイープの開始角度と終了角度を制御します。デフォルトでは、これは0から360度までスイープしますが、Scaleの値が1未満の場合、その角度を減少させることができます。

オフセットと回転

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

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

スケール

このグラデーション機能は現在ベータ版です。ファイル ⟩ ベータ機能 ⟩ アップグレードされたUIグラデーションを通じて有効にしてください。

グラデーションのScaleは、グラデーションの範囲を乗算し、色/透明度のシーケンスが要素内でどれだけ表示されるかを制御します。

Scaleが1未満の場合、グラデーションは完全な範囲よりも少なくなります。残りの色/透明度は、TileModeプロパティに従って埋められます。
Scaleが1を超える場合、グラデーションは完全な範囲を超えて広がり、色/透明度の一部のみが表示されます。
Ellipticalグラデーションの場合、Scaleは楕円の両方の半径に影響します。

タイルモード

このグラデーション機能は現在ベータ版です。ファイル ⟩ ベータ機能 ⟩ アップグレードされたUIグラデーションを通じて有効にしてください。

TileModeプロパティは、グラデーションが親要素を完全にカバーしない場合に、グラデーションがどのように繰り返されるかを設定します。

Clamp — デフォルトモードで、シーケンスの開始と終了の色/透明度の値が無限に拡張され、開始値がグラデーションの前の領域を埋め、終了値がその後の領域を埋めます。
Repeat — グラデーションは、色/透明度のシーケンスタイルをシームレスに端から端にラップして繰り返します。シーケンス内の最初と最後の色/透明度の値が異なる場合、目に見える継ぎ目が生じる可能性があります。
Mirror — グラデーションは各境界で反射し、色/透明度のシーケンスがピンポンします。これにより、各タイルのエッジで方向が逆転するため、継ぎ目のない滑らかな繰り返しが生成されます。

ストローク

UIStrokeインスタンスは、テキストやボーダーにアウトラインを適用します。主な機能は以下の通りです：

ストロークアウトラインの色と厚さを調整可能。
親の透明度とは独立してストロークの透明度を設定する機能。
親のボーダーに対する位置および/またはオフセットをカスタマイズ可能。
3つのコーナースタイル（ラウンド、ビベル、またはミッター）。
UIGradientインスタンスを通じたストロークのグラデーションサポート。

厚さ

ストロークの幅は、Thicknessプロパティを通じて設定できます。これはピクセル（デフォルト）で測定されるか、修飾子のStrokeSizingModeに応じて親に対してスケーリングされます。ストロークがテキストに適用され、StrokeSizingModeがScaledSizeに設定されている場合、厚さはフォントサイズに対して相対的です。

テキストオブジェクトに適用されたUIStrokeインスタンスのThicknessプロパティをtweeningしないでください。これにより、各フレームで多くのグリフサイズがレンダリングおよび保存され、パフォーマンスの問題やテキストのちらつきが発生する可能性があります。

色またはグラデーション

ストロークの色は、Colorプロパティを通じて設定でき、子のUIGradientインスタンスを挿入してグラデーションストロークを作成することもできます。

親オブジェクトとUIStrokeの両方に子のUIGradientインスタンスを持たせることができ、ストロークとフィルに対して独立してグラデーションを設定できます。

テキストのアウトラインまたはボーダー

UIStrokeは、その親のタイプに応じて、テキストのアウトラインまたはボーダーとして機能します。UIStrokeをTextLabelのようなテキストオブジェクトに親として設定すると、テキストのアウトラインに適用されます。他のGuiObjectsに親として設定すると、ボーダーに適用されます。

テキストオブジェクトに適用されると、ApplyStrokeModeプロパティによってデフォルトのストローク動作をオーバーライドでき、テキスト自体ではなくオブジェクトの境界にストロークを適用できます。さらに、テキストオブジェクトに2つのUIStrokeインスタンスを親として設定し、一方をContextual、もう一方をBorderに設定することで、テキストのアウトラインとボーダーを独立して制御できます。