Durch die Verwendung von Aussehensmodifizierern kannst du das Aussehen deiner GuiObjects weiter anpassen.
- Wenden Sie einen Gradienten auf den Hintergrund eines Objekts an.
- Wenden Sie einen Strich auf Text oder eine Grenze an.
- Setze gerundete Ecken für ein Objekt.
- Erhöhe Abstand zwischen den Grenzen eines Objekts.
Gradient
Das UIGradient Objekt wendet einen Farb- und Transparenzgradienten auf seinen Eltern GuiObject an.
Du kannst den Gradienten konfigurieren, indem:
- Einstellung seiner Transparenz durch eine NumberSequence in der Eigenschaftendes Gradients Transparency.
- Auswahl des Startpunkts der Gradienten (innerhalb oder außerhalb der Grenzen des übergeordnetes Teil) durch die Offset Eigenschaften.
- Auswahl des Winkels des Gradienten durch die Rotation Eigenschaften.
Farbsequenz
Um die Farbsequenz eines Gradienten festzulegen:
Wählen Sie im Explorer -Fenster die UIGradient .
Klicke im Eigenschaften -Fenster auf das Feld Farbe , dann auf die Schaltfläche … rechts neben dem Auswahlbox.Ein Farbsequenz-Pop-up wird angezeigt.
Jedes Dreieck auf der unteren Achse der Farbsequenz ist ein Schlüsselpunkt , der den Farbwert an diesem Punkt bestimmt.
Klicke auf einen Keypunkt in der Farbsequenz, dann klicke auf das kleine Quadrat neben Farbe , um das Farben -Pop-up-Fenster zu öffnen.
Wählen Sie die gewünschte Farbe für den Schlüsselpunkt.
Wenn nötig, kannst du:
- Füge einen weiteren Schlüsselpunkt hinzu, indem du auf den Graph irgendwo klickst.
- Ziehe einen bestehenden Schlüsselpunkt zu einer neuen Position oder wähle einen Schlüsselpunkt aus und gib einen bestimmten Zeitwert durch die Eingabe Zeit ein.
- Lösche einen Schlüsselpunkt, indem du ihn auswählst und auf die Schaltfläche Löschen klickst.
- Setze die Sequenz zurück, indem du auf die Schaltfläche Zurücksetzen klickst.
Transparenz
Um die Transparenz eines Gradients über seine Reichweite anzupassen:
Wählen Sie im Explorer -Fenster die UIGradient .
Klicke im Eigenschaften -Fenster auf das Feld Transparenz und dann auf die Schaltfläche … rechts neben dem Auswahlbox.Ein Nummernsequenz-Pop-up wird angezeigt.
Jedes Quadrat über der Zahlsequenzgrafik ist ein Schlüsselpunkt , der den Transparenzwert an diesem Punkt bestimmt.
Klicke und ziehe einen Keypunkt herum oder wähle einen Keypunkt aus und gib eine bestimmte Zeit/Wert-Kombination durch die Zeit - und Wert -Eingänge ein.
Wenn nötig, kannst du:
- Füge einen weiteren Schlüsselpunkt hinzu, indem du auf den Graph irgendwo klickst.
- Lösche einen Schlüsselpunkt, indem du ihn auswählst und auf die Schaltfläche Löschen klickst.
- Setze die Sequenz zurück, indem du auf die Schaltfläche Zurücksetzen klickst.
Versatz und Rotation
Die Eigenschaften Offset und Rotation lassen dich die Kontrollpunkte des Gradients und seinen Winkel anpassen.Wie in den folgenden Diagrammen dargestellt, basiert Offset auf einem Prozentsatz der Breite oder Höhe des übergeordnetes Teilund sowohl positive als auch negative Werte sind gültig.
Ebenso drehen sich, wenn Sie den Gradienten drehen, auch die Kontrollpunkte.
Strich
Die UIStroke Instanz wendet einen Umriss auf Text oder eine Kante an. Schlüsselfunktionen umfassen:
- Fähigkeit, den Strich Transparenz unabhängig von der Transparenz des übergeordnetes Teilzu setzen.
- Drei Ecken-Styles (rund, Kante oder Kehrseite).
- Strich Gradienten Unterstützung durch die UIGradient.
Text-Umriss / Grenze
Abhängig von seinem übergeordnetes Teilfunktioniert UIStroke entweder als Textumriss oder als Grenze .Wenn du ein Textobjekt UIStroke zu einem Objektparentierst, gilt das für den Umriss des Textes; wenn du ein Textobjekt UIStroke an ein anderes GuiObjects parentierst, gilt das für die Grenze.
Wenn auf ein Textobjekt angewendet, kannst du das Standard-Strichverhalten durch die EigenschaftenApplyStrokeMode überschreiben, wodurch du den Strich auf die Grenzen des Objekts anstelle des Textes selbst anwenden kannst.Du kannst den Textumriss und die Grenze sogar unabhängig voneinander steuern, indem du zwei UIStroke zu einem Textobjekt parentierst, eines auf Kontext und das andere auf Grenze .
Dicke
Du kannst die Strichbreite durch das Eigenschaft Thickness festlegen, die in Pixeln von den äußeren Rändern des übergeordnetes Teilgemessen wird.
Vermeiden Sie Zwischenspeichern der Eigenschaft einer Instanz, die auf Text-Objekte angewendet wird.Dies rendert und speichert viele Glyph-Größen pro Frame, was möglicherweise zu Leistungsproblemen oder Textflimmern führt.
Farbe/Gradient
Du kannst die Strichfarbe über die EigenschaftenColor festlegen, sowie eine Kind-UIGradient Instanz einfügen, um Gradientenstriche zu erstellen.
Sowohl das Elternobjekt als auch können Kind-Instanzen haben, mit denen Sie Gradienten auf dem Strich und Füllung unabhängig festlegen können.
Transparenz
Die Transparency Eigenschaft legt die Stroke-Transparenz unabhängig vom ObjektBackgroundTransparency oder TextTransparency fest.Dies ermöglicht es dir, Text und Grenzen zu rendern, die "hohl" sind (nur ein Umriss bestehen).
Ecken-Stil
Die Eigenschaft LineJoinMode lässt dich steuern, wie Ecken interpretiert werden.Es akzeptiert einen Wert von entweder Runde , Kante oder Keil .
Ecken
Die UICorner Instanz wendet eine Deformation auf alle vier Ecken ihres Elternteils GuiObject an.Du kannst den angewendeten Radius über die Eigenschaft CornerRadius mit Scale oder Offset steuern.
Scale runden die ecken auf einen prozentsatz basierend auf der gesamtlänge der kürzesten kante des übergeordnetes teil, wodurch eine skala von 0.5 oder höher den elternteil in eine "pille"-form verwandelt, 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 übergeordnetes teil.
Ausfüllung
Ein UIPadding Objekt wird oben, unten, links und/oder rechts zum Inhalt des übergeordneten GuiObject angewendet.
Zum Beispiel können Sie den Text innerhalb eines Text buttons nach unten oder nach oben verschieben, indem Sie einen Versatz an den unteren Rand des Buttons anwenden.