Neben der grundlegenden Größenanpassung von UI-Objekten können Sie Größenmodifizierer verwenden, um ein Objekt proportional oder automatisch zu skalieren.Du kannst auch Größen约束 einfügen, um die Aspektverhältnis zu steuern oder ein Minimum und ein Maximum Größe oder Textgröße festzulegen.
Skalierung
Ein UIScale Objekt speichert einen numerischen Wert, der die AbsoluteSize Eigenschaft des Eltern GuiObject multipliziert.Wenn du zum Beispiel möchtest, dass ein Objekt doppelt so groß ist wie es derzeit ist, kannst du ein UIScale -Objekt mit einer Scale -Eigenschaft von 2 einfügen.
Dieser Modifizierer ist nützlich für "das Hereinzoomen" beim Entwerfen einer detaillierten Benutzeroberfläche in Studio, da er das Objekt und alle seine Kinder proportional skaliert, einschließlich aller angewendeten Aussehensmodifizierer wie UIStroke oder UICorner.Es ist auch nützlich, zwischendurch die Größe eines Objekts zu verändern, zum Beispiel die Größe eines Buttons leicht zu vergrößern, wenn ein Spieler mit der Maus darüber fährt.
Automatische Größenanpassung
Die AutomaticSize Eigenschaft skaliert automatisch einen Eltern GuiObject auf die Größe seiner Nachkommen.Sie können diese Eigenschaft in einer Vielzahl von Fällen verwenden, einschließlich:
- Erweiterung eines GuiObject um Text zu passen, der in vielen Sprachen lokalisiert wurde.
- Erlauben Benutzern, Text einzugeben innerhalb eines TextBox, der Größe automatisch anzupassen, basierend auf der Menge des eingegebenen Textes.
- Automatische Anpassung der Größe von Textobjekten mit reichem Textmarkup, einschließlich Schriftart und -größe.
Du kannst die Eigenschaft AutomaticSize für jede GuiObject aktivieren.Standardmäßig ist es auf None festgelegt, aber du kannst den Wert ändern, um eine bestimmte Kontrolle über die Richtung zu haben, in die sich GuiObject skaliert, um seine Inhalte zu passen.
ScrollingFrame verwendet die Eigenschaft AutomaticCanvasSize anstelle von AutomaticSize.Es verhält sich gleich, aber ändert die Größe des Rahmens CanvasSize, nicht seine Basis Size.
Um automatisches Skalieren zu aktivieren:
In dem Explorer-Fenster klicken Sie auf eine beliebige GuiObject, z. B. auf eine Frame, TextBox oder ImageLabel.
Im Eigenschaften-Fenster navigieren Sie zur Eigenschaft AutomaticSize ( AutomaticCanvasSize für ScrollingFrame ) und stellen sie auf eine der folgenden Optionen ein:
- X — Größe des Inhalts horizontal skaliert.
- Y — Größe des Inhalts vertikal ändern.
- XY — Größe des Inhalts sowohl horizontal als auch vertikal ändern.
Sobald die automatische Größe festlegenist, beachten Sie, dass sich andere Objekt属itäten wie folgt verhalten:
Ähnlich wie das Konzept von Skalierung eines Objekts nimmt AutomaticSize die Eigenschaft AnchorPoint in Betracht, wenn Inhalte skaliert werden.Zum Beispiel zeigt das folgende Video drei TextLabels, die automatisch von ihrem Ankerpunkt skaliert werden.
- Das obere Label hat einen AnchorPoint Wert von (0, 0.5), der es in der Mitte der linken Seite verankert.
- Das mittlere Label hat einen AnchorPoint Wert von (0.5, 0.5), der es am Zentrum festigt.
- Die untere Etikette hat einen AnchorPoint Wert von (1, 0.5), der sie in der Mitte der rechten Seite verankert.
Einschränkungen
Es gibt drei Arten von Einschränkungen , die du für ein Objektverwenden kannst: Größe, Textgröße und Aspektverhältnis.Um eine Beschränkungzu verwenden, musst du sie als Kind der GuiObject, die du einschränken möchtest, festlegen.
Größe
Die UISizeConstraint spezifiziert eine minimale und maximale Größe für ein GuiObject.Diese Einschränkung gewährleistet, dass die GuiObject auf verschiedenen Bildschirmgrößen nicht zu klein oder groß wird.
Wenn du zum Beispiel die Eigenschaft MinSize auf (200, 200) und die Eigenschaft MaxSize auf (400, 400) festlegst, kann die GuiObject nicht kleiner als 200×2
Wenn ein UI-Objekt sowohl von einer Layoutstruktur wie UIListLayout und einem UISizeConstraint unter Kontrolle ist, wird die Einschränkung den Layout überstellen und das Objektgröße kontrollieren.
Textgröße
Die UITextSizeConstraint spezifiziert eine Mindest- und Höchstgröße der Schrift für ein GuiObject mit Text, wie ein TextLabel, TextButton oder TextBox.Diese Einschränkung gewährleistet, dass der Text innerhalb eines GuiObject nicht unleserlich oder zu groß wird.
Wenn du die Eigenschaft TextScaled des Eltern GuiObject aktivierst, skaliert die Textgröße mit der Größe des Containers und respektiert Einschränkungen, auch wenn das Objekt kleiner oder größer als die MinTextSize und MaxTextSize Werte wird.
Zum Beispiel hat das folgende Objekt einen Wert von und einen MaxTextSize-Wert von .Selbst wenn die TextLabel kleiner wird, wird die Schrift nie kleiner als 50 Pixel und wenn das Objekt groß wird, überschreitet die Schrift als nächstes 80 Pixel.
Verwende keine MinTextSize Eigenschaftswerte niedriger als 9, sonst ist der Text für viele Betrachter schwer zu lesen.
Aspektverhältnis
Die UIAspectRatioConstraint zwingt eine Breiten-zu-Höhen-Relation auf eine GuiObject unabhängig von ihrer Kerngröße, auch wenn diese Größe als ein Prozentsatz ihrer übergeordnetes Teilfestgelegt wird.Zum Beispiel wird die Einschränkung als Kind eines eingefügt und die Eigenschaft der Beschränkungauf ( ) festgelegt, um die Breite des Rahmens doppelt so groß wie seine Höhe zu halten.Ebenso wird die Eigenschaft dieser Beschränkungauf ( ) gesetzt, um die Breite des Rahmens auf die Hälfte seiner Höhe zu halten.
Die Festlegung von AspectRatio der Beschränkungauf den Standard von 1 ( 1:1 ) ist eine bequeme Möglichkeit, die unproportionelle Skalierung/Dehnung eines ImageLabel mit einem quadratischen Objektzu verhindern, wie z. B. eine Avatar-Thumbnail .
Wenn ein UI-Objekt sowohl von einer Layoutstruktur wie UIListLayout und einem UIAspectRatioConstraint unter Kontrolle ist, wird die Einschränkung den Layout überstellen und das Objektgröße kontrollieren.