UIの外観修飾子

*このコンテンツは、ベータ版のAI（人工知能）を使用して翻訳されており、エラーが含まれている可能性があります。このページを英語で表示するには、こちらをクリックしてください。

外観修飾子を利用することで、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. 必要に応じて、これらの手順を繰り返してグラフ全体の透明度レベルを追加または調整します。

タイプ

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

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

オフセットと回転

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

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

スケール

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

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

タイルモード

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に設定することで、テキストのアウトラインとボーダーを独立して制御できます。