Durch die Nutzung von Aussehensmodifikatoren können Sie das Aussehen Ihrer GuiObjects weiter anpassen.
- Wenden Sie einen Verlauf auf den Hintergrund eines Objekts an.
- Wenden Sie einen Strich auf Text oder einen Rand an.
- Setzen Sie abgerundete Ecken für ein Objekt.
- Erhöhen Sie den Abstand zwischen den Rändern eines Objekts.
- Fügen Sie einen Schatten hinter einem Objekt hinzu.
Verlauf
Das UIGradient-Objekt wendet einen Farb- und Transparenzverlauf auf sein übergeordnetes GuiObject an.
Sie können den Verlauf konfigurieren, indem Sie:
- Den Startpunkt des Verlaufs (innerhalb oder außerhalb der Grenzen des Elternteils) über die Offset-Eigenschaft wählen.
- Den Winkel des Verlaufs über die Rotation-Eigenschaft wählen.
Farbsequenz
Um die Farbsequenz eines Verlaufs festzulegen:
Wählen Sie im Explorer-Fenster das UIGradient aus.
Klicken Sie im Eigenschaften-Fenster in das Feld der Color-Eigenschaft, und klicken Sie dann auf die ⋯-Schaltfläche rechts im Eingabefeld. Ein Pop-up zur Farbsequenz wird angezeigt.
Jedes Dreieck auf der unteren Achse der Farbsequenz ist ein Schlüsselpunkt, der den Farbwert an diesem Punkt bestimmt.
Klicken Sie auf einen Schlüsselpunkt in der Farbsequenz, und klicken Sie dann auf das kleine Quadrat neben Farbe, um das Pop-up-Fenster Farben zu öffnen.
Wählen Sie die gewünschte Farbe für den Schlüsselpunkt aus.
Falls erforderlich, können Sie:
- Einen weiteren Schlüsselpunkt hinzufügen, indem Sie irgendwo auf das Diagramm klicken.
- Einen vorhandenen Schlüsselpunkt an eine neue Position ziehen oder einen Schlüsselpunkt auswählen und einen bestimmten Zeitwert über das Zeit-Eingabefeld eingeben.
- Einen Schlüsselpunkt löschen, indem Sie ihn auswählen und auf die Löschen-Schaltfläche klicken.
- Die Sequenz zurücksetzen, indem Sie auf die Zurücksetzen-Schaltfläche klicken.
Transparenz
Um die Transparenz eines Verlaufs über seinen Bereich anzupassen:
Wählen Sie im Explorer-Fenster das UIGradient aus.
Klicken Sie im Eigenschaften-Fenster in das Feld der Transparency-Eigenschaft, und klicken Sie dann auf die ⋯-Schaltfläche rechts im Eingabefeld. Ein Pop-up zur Zahlenfolge wird angezeigt.
Jedes Quadrat im Diagramm der Zahlenfolge ist ein Schlüsselpunkt, der den Transparenzwert an diesem Punkt bestimmt.
Klicken und ziehen Sie einen Schlüsselpunkt oder wählen Sie einen Schlüsselpunkt aus und geben Sie eine spezifische Zeit/Wert-Kombination über die Eingaben Zeit und Wert ein.
Falls erforderlich, können Sie:
- Einen weiteren Schlüsselpunkt hinzufügen, indem Sie irgendwo auf das Diagramm klicken.
- Einen Schlüsselpunkt löschen, indem Sie ihn auswählen und auf die Löschen-Schaltfläche klicken.
- Die Sequenz zurücksetzen, indem Sie auf die Zurücksetzen-Schaltfläche klicken.
Offset und Rotation
Die Eigenschaften Offset und Rotation ermöglichen es Ihnen, die Steuerpunkte des Verlaufs und seinen Winkel anzupassen. Wie in den folgenden Diagrammen dargestellt, basiert Offset auf einem Prozentsatz der Breite oder Höhe des Elternteils, und sowohl positive als auch negative Werte sind gültig.
Ähnlich, wenn Sie den Verlauf drehen, drehen sich auch die Steuerpunkte:
Strich
Die UIStroke-Instanz wendet eine Umrandung auf Text oder einen Rand an. Zu den Hauptmerkmalen gehören:
- Möglichkeit, die Transparenz des Strichs unabhängig von der Transparenz des Elternteils festzulegen.
- Anpassbare Position und/oder Offset relativ zum Rand des Elternteils.
- Drei Eckenstile (rund, abgeschrägt oder spitz).
- Unterstützung für Gradienten durch die UIGradient-Instanz.
Dicke
Sie können die Strichbreite über die Thickness-Eigenschaft festlegen, die in Pixeln (Standard) oder skaliert relativ zum Elternteil gemessen wird, abhängig vom StrokeSizingMode des Modifikators. Wenn der Strich auf Text angewendet wird und StrokeSizingMode auf ScaledSize eingestellt ist, ist die Dicke relativ zur Schriftgröße.
Farbe oder Verlauf
Sie können die Strichfarbe über die Color-Eigenschaft festlegen und auch eine untergeordnete UIGradient-Instanz einfügen, um Farbverläufe zu erstellen.
Sowohl das übergeordnete Objekt als auch UIStroke können untergeordnete UIGradient-Instanzen haben, sodass Sie Farbverläufe unabhängig auf den Strich und die Füllung anwenden können.
Textumrandung oder Rand
Je nach Typ des übergeordneten Elements funktioniert UIStroke entweder als Textumrandung oder als Rand. Wenn Sie UIStroke einem Textobjekt wie TextLabel zuordnen, wird es auf die Umrandung des Textes angewendet; wenn Sie UIStroke anderen GuiObjects zuordnen, wird es auf den Rand angewendet.
Wenn es auf ein Textobjekt angewendet wird, können Sie das Standardverhalten des Strichs durch die ApplyStrokeMode-Eigenschaft überschreiben, sodass Sie den Strich auf die Grenzen des Objekts anstatt auf den Text selbst anwenden können. Sie können sogar die Textumrandung und den Rand unabhängig steuern, indem Sie zwei UIStroke-Instanzen einem Textobjekt zuordnen, eine auf Kontextuell und die andere auf Rand eingestellt.
Randposition/Offset
BorderStrokePosition legt die Position des Strichs relativ zum Rand seines Elternteils fest, und BorderOffset ermöglicht es Ihnen, einen zusätzlichen Offset zur Position des Strichs anzugeben.
Transparenz
Die Transparency-Eigenschaft legt die Strichtransparenz unabhängig von der BackgroundTransparency oder TextTransparency des übergeordneten Objekts fest. Dies ermöglicht es Ihnen, Text und Ränder zu rendern, die "hohl" sind (nur aus einer Umrandung bestehen).
Eckenstil
Die LineJoinMode-Eigenschaft ermöglicht es Ihnen, zu steuern, wie Ecken interpretiert werden. Sie akzeptiert einen Wert von entweder Round, Bevel oder Miter.
Schichtung
Um mehrere Geschwister-UIStroke-Instanzen auf einem GuiObject von vorne nach hinten zu schichten, können Sie die ZIndex-Eigenschaft verwenden. Diejenigen mit einem niedrigeren ZIndex werden unter (hinter) denen mit einem höheren ZIndex gerendert.
Beachten Sie, dass die Renderreihenfolge für UIStroke-Instanzen mit demselben ZIndex undefiniert ist. Wenden Sie keine mehreren UIStroke-Instanzen mit demselben Index an, wenn ihre Renderreihenfolge von Bedeutung ist.
Ecken
Die UICorner-Instanz wendet eine Deformation auf die Ecken ihres übergeordneten GuiObject an. Sie können den angewendeten Radius über die CornerRadius-Eigenschaft steuern, indem Sie entweder Scale oder Offset verwenden.
Scale rundet die Ecken auf einen Prozentsatz basierend auf der Gesamtlänge der kürzesten Kante des Elternteils, was bedeutet, dass ein Maßstab von 0.5 oder höher das Elternteil in eine "Pillen"-Form deformiert, unabhängig von seiner Breite oder Höhe. Offset rundet die Ecken auf eine bestimmte Anzahl von Pixeln, unabhängig von der Breite/Höhe des Elternteils.
Sie können auch einzelne Ecken über die Eigenschaften TopLeftRadius, TopRightRadius, BottomRightRadius und BottomLeftRadius steuern.
TopRightRadius = (0, 48)
BottomRightRadius = (0, 48)
BottomLeftRadius = (0, 0)
Padding
Ein UIPadding-Objekt wendet oberen, unteren, linken und/oder rechten Abstand auf den Inhalt des übergeordneten GuiObject an. Zum Beispiel können Sie den Text in einem Textlabel nach unten oder oben verschieben, indem Sie einen Offset auf die PaddingBottom-Eigenschaft des Modifikators anwenden.
Schatten
Ein UIShadow-Objekt rendert einen Schlagschatten hinter seiner übergeordneten UI-Instanz. Zu den Hauptmerkmalen gehören:
- Passen Sie die Unschärfe des Schattens an.
- Passen Sie die Farbe und Transparenz des Schattens an.
- Passen Sie den Offset und die Ausbreitung des Schattens an.
- Wenn das Elternteil um GuiObject.Rotation rotiert ist, wird auch der Schatten rotiert.
- Wenn das Elternteil runde Ecken hat, hat der Schatten ebenfalls runde Ecken.
UIShadow unterstützt keinen Text. Wenn Sie diesen Modifikator zu einem TextLabel oder TextButton hinzufügen, wird ein Schatten des rechteckigen Begrenzungsbereichs des Objekts gerendert, nicht des Textes.
Unschärfe
Die BlurRadius-Eigenschaft bestimmt die Unschärfe des Schattens. Ein größerer Wert lässt die Kanten des Schattens weicher erscheinen. Beachten Sie, dass der Skalierungs-Faktor dieser UDim-Eigenschaft relativ zur Breite oder Höhe des Elternteils ist, je nachdem, welches kürzer ist.
Farbe und Transparenz
Die Color-Eigenschaft bestimmt die Farbe des Schattens, während Transparency die Transparenz des Schattens festlegt, wobei 0 vollständig undurchsichtig und 1 vollständig transparent ist.
Offset und Ausbreitung
Die Offset-Eigenschaft verschiebt den Schatten relativ zur Position des Elternteils, während Spread den Schatten relativ zur Größe des Elternteils vergrößert oder verkleinert.
