Neben der grundlegenden Skalierung von UI-Objekten können Sie Größen-Modifikatoren verwenden, um ein Objekt proportional oder automatisch zu skalieren oder es automatisch zu resize. Sie können auch 1>Größen-Konstraints1> einfügen, um das Aspekt-Verhältnis zu 4>skalieren4> oder ein Minimum und
Skala
Ein UIScale-Objekt speichert einen numerischen Wert, der die AbsoluteSize -Eigenschaft des übergeordneten GuiObject . Zum Beispiel kannst du ein <
Dieser Modifikator ist nützlich für "zoomen in", während er das Objekt und all seine Kinder in Studio detailliert entwirft, da er das Objekt proportional skaliert, einschließlich aller angewandten Aussehen-Modifikatoren wie UIStroke oder UICorner. Es ist auch nützlich
Automatisches Skalieren
Die AutomaticSize-Eigenschaft schrumpft automatisch einen Elternteil 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 erweitern, der in vielen Sprachen lokalisiert ist.
- Benutzern ermöglichen, Text einzugeben innerhalb eines TextBox , automatisch anpassen seine Größe basierend auf der Menge des eingegebenen Textes.
- Automatisches Anpassen der Textgröße mit reichem Text-Markup, einschließlich Schriftart und Größe.
Du kannst die AutomaticSize Eigenschaft für jedes GuiObject aktivieren. Standardmäßig ist es auf None eingestellt, aber du kannst den Wert ändern, um die Richtung(en), in die sich der 2>Class.GuiObject2> resize, um sein Inhalt anzupassen.
ScrollingFrame verwendet die Eigenschaft AutomaticCanvasSize anstelle von AutomaticSize. Es verhält sich das Gleiche, aber skaliert den Frame 0> Class.ScrollingFrame.CanvasSize|CanvasSize 0>, nicht seine Basis <
Um das automatische Skalieren zu aktivieren:
In dem Explorer-Fenster, klicken Sie auf ein beliebiges GuiObject, wie z. B. ein Frame, 1> Class.Toolbar1> oder 4> Class.ImageLabel4>.
In dem Eigenschaften-Fenster, navigieren Sie zu der Class.GuiObject.AutomaticSize|AutomaticSize -Eigenschaft ( Class.ScrollingFrame.AutomaticCanvasSize|AutomaticCanvasSize für 1> Class.ScrollingFrame1> ) und setzen Sie sie auf eine der folgenden Optionen:
- X — Skaliert den Inhalt horizontal.
- Y — Skaliert den Inhalt vertikal.
- XY — Skaliert den Inhalt sowohl horizontal als auch vertikal.
Sobald das automatische Zuschneiden festlegenist, beachten Sie, dass andere Objekt属性 wie folgt verhalten:
Ganz ähnlich dem Konzept, Größe eines Objekts zu ändern, nimmt AutomaticSize die AnchorPoint -Eigenschaft in die Betrachtung ein, wenn sie Inhalte skalieren. Zum Beispiel zeigt das folgende Video drei 2> Class.TextLabel|Text Labels2>, die automatisch von
- Die obere Etikett hat einen AnchorPoint Wert von (0, 0.5), der sie in der Mitte der linken Seite ankernt.
- Die mittlere Etikett hat einen AnchorPoint Wert von (0.5, 0.5), der sie in der Mitte ankernt.
- Die untere Etikett hat einen AnchorPoint Wert von (1, 0.5), der es an der Mitte der rechten Seite ankernt.
Beschränkungen
Es gibt drei Arten von Einschränkungen , die Sie für ein Benutzeroberfläche-Objekt verwenden können: Größe , Textgröße und 1>AspektRatio1>. Um eine Beschränkungzu verwenden, müssen Sie sie als 4>Kind4> des 7>Class.GuiObject7> festlegen, die Sie einziehen möchten.
Größe
Die UISizeConstraint spezifiziert eine minimale und maximale Größe für ein GuiObject. Dieser Kontrakt gewährleistet, dass das GuiObject nicht zu klein oder zu groß auf verschiedenen Bildschirmen wird.
Zum Beispiel, wenn Sie die Eigenschaft MinSize auf (200, 200) und die Eigenschaft MaxSize auf 2> (
Wenn ein UI-Objekt sowohl von einer布局struktur wie UIListLayout als auch von einem UISizeConstraint kontrolliert wird, überschreibt die Einschränkung das布局 und kontrolliert die Größe des Objekts.
Textgröße
Die UITextSizeConstraint spezifiziert eine minimale und maximale Schriftgröße für ein GuiObject mit Text, wie z. B. eine TextLabel, 1> Class.TextButton1> oder 4> Class.Toolbar</
Wenn Sie die TextScaled Eigenschaft des übergeordneten GuiObject aktivieren, skaliert sich die Textgröße mit der Größe des Containers und beachtet Einschränkungen, auch wenn das Objekt kleiner oder größer als die Class.UITextSizeConstraint.MinTextSize|MinTextSize
Zum Beispiel hat das folgende TextLabel -Objekt ein UITextSizeConstraint mit einem Class.UITextSizeMetricTextSize -Wert von 2> 50 2> und einem MaxTextSize-Wert von
Verwende nicht MinTextSize Werte, die kürzer als 9 sind, oder der Text wird für viele Ansichter schwer zu lesen sein.
Aspekt-Verhältnis
Die UIAspectRatioConstraint en
Die Festlegung dieser Beschränkung's AspectRatio an den Standard von 1 ( 1:1 ) ist ein praktisches Weg, um das unproportionale Skalieren/Strecken eines 1> Class.ImageLabel ” mit einem quadratischen Objekt, wie einer4> Avatar-Thumbnail
Wenn ein UI-Objekt von einer布局struktur wie UIListLayout und einem UIAspectRatioConstraint kontrolliert wird, wird der Beschränkung überschrieben das布局 und steuert die Größe des Objekts.