Neben der grundlegenden Größenbestimmung von UI-Objekten können Sie Größenmodifizierer verwenden, um ein Objekt proportional zu skalieren oder es automatisch zu vergrößern. Sie können auch Größenbeschränkungen einfügen, um das Seitenverhältnis zu steuern oder eine minimale und maximale Größe oder Textgröße festzulegen.
Skalieren
Ein UIScale-Objekt speichert einen numerischen Wert, der die AbsoluteSize-Eigenschaft des übergeordneten GuiObject multipliziert. Wenn Sie beispielsweise möchten, dass ein Objekt doppelt so groß ist wie derzeit, können Sie ein UIScale-Objekt mit einer Scale-Eigenschaft von 2 einfügen.
Dieser Modifikator ist nützlich für das "Hineinzoomen", während Sie eine detaillierte Benutzeroberfläche im Studio gestalten, da er das Objekt und alle seine Kinder proportional skalieren kann, einschließlich aller angewendeten Darstellungsmodifizierer wie UIStroke oder UICorner. Er ist auch nützlich, um die Größe eines Objekts zu tweaken, zum Beispiel, um die Größe eines Buttons leicht zu erhöhen, wenn ein Spieler seinen Mauszeiger darüber bewegt.
Automatische Größenbestimmung
Die AutomaticSize-Eigenschaft passt die Größe eines übergeordneten GuiObject automatisch an die Größe seiner Nachkommen an. Sie können diese Eigenschaft in verschiedenen Fällen verwenden, einschließlich:
- Erweiterung eines GuiObject, um Text aufzunehmen, der in vielen Sprachen lokalisiert wurde.
- Automatisches Anpassen der Größe von Textobjekten mit reichen Textmarkierungen, einschließlich Schriftart und -größe.
Sie können die AutomaticSize-Eigenschaft für jedes GuiObject aktivieren. Standardmäßig ist sie auf None eingestellt, aber Sie können ihren Wert ändern, um eine spezifische Kontrolle darüber zu erhalten, in welche Richtung(en) sich das GuiObject anpasst, um seinen Inhalt aufzunehmen.
ScrollingFrame verwendet die AutomaticCanvasSize-Eigenschaft anstelle von AutomaticSize. Es verhält sich gleich, passt jedoch die CanvasSize der Frame an, nicht die Basisgröße des Size.
Um die automatische Größenbestimmung zu aktivieren:
Klicken Sie im Explorer-Fenster auf ein beliebiges GuiObject, wie z.B. ein Frame, TextBox oder ImageLabel.
Navigieren Sie im Eigenschaften-Fenster zur AutomaticSize-Eigenschaft (AutomaticCanvasSize für ScrollingFrame) und setzen Sie sie auf eine der folgenden Optionen:
- X — Passt den Inhalt horizontal an.
- Y — Passt den Inhalt vertikal an.
- XY — Passt den Inhalt sowohl horizontal als auch vertikal an.
Sobald die automatische Größenbestimmung festgelegt ist, beachten Sie, dass sich andere Eigenschaften des Objekts wie folgt verhalten:
Ähnlich dem Konzept der Größenbestimmung eines Objekts berücksichtigt AutomaticSize die AnchorPoint-Eigenschaft beim Anpassen der Größe des Inhalts. Zum Beispiel zeigt das folgende Video drei TextLabels, die sich automatisch von ihrem Ankerpunkt aus anpassen.
- Das obere Etikett hat einen AnchorPoint-Wert von (0, 0.5), was es an die Mitte der linken Seite anheftet.
- Das mittlere Etikett hat einen AnchorPoint-Wert von (0.5, 0.5), was es in die Mitte anheftet.
- Das untere Etikett hat einen AnchorPoint-Wert von (1, 0.5), was es an die Mitte der rechten Seite anheftet.
Beschränkungen
Es gibt drei Arten von Beschränkungen, die Sie für ein Benutzeroberflächenobjekt verwenden können: Größe, Textgröße und Seitenverhältnis. Um eine Beschränkung zu verwenden, müssen Sie sie als Kind des GuiObject festlegen, das Sie beschränken möchten.
Größe
Die UISizeConstraint gibt eine Mindest- und eine Höchstgröße für ein GuiObject an. Diese Beschränkung stellt sicher, dass das GuiObject auf verschiedenen Bildschirmgrößen nicht zu klein oder zu groß wird.
Wenn Sie beispielsweise die MinSize-Eigenschaft auf (200, 200) und die MaxSize-Eigenschaft auf (400, 400) setzen, kann das GuiObject nicht kleiner als 200×200 Pixel oder größer als 400×400 Pixel skaliert werden.
Wenn ein UI-Objekt sowohl von einer Layoutstruktur wie UIListLayout als auch von einer UISizeConstraint kontrolliert wird, wird die Beschränkung die Layoutstruktur überschreiben und die Größe des Objekts steuern.
Textgröße
Die UITextSizeConstraint gibt eine Mindest- und Höchstgröße der Schriftart für ein GuiObject mit Text an, wie z.B. ein TextLabel, TextButton oder TextBox. Diese Beschränkung stellt sicher, dass der Text innerhalb eines GuiObject nicht unleserlich oder zu groß wird.
Wenn Sie die TextScaled-Eigenschaft des übergeordneten GuiObject aktivieren, wird die Textgröße mit der Größe des Containers skaliert und respektiert die Beschränkungen, selbst wenn das Objekt kleiner oder größer wird als die Werte MinTextSize und MaxTextSize.
Zum Beispiel hat das folgende TextLabel-Objekt eine UITextSizeConstraint mit einem MinTextSize-Wert von 50 und einem MaxTextSize-Wert von 80. Selbst wenn das TextLabel kleiner wird, kann die Schriftart niemals kleiner als 50 Pixel werden, und wenn das Objekt groß wird, überschreitet die Schriftart niemals 80 Pixel.
Verwenden Sie keine Werte der MinTextSize-Eigenschaft, die kleiner sind als 9, da der Text für viele Zuschauer schwer zu lesen sein wird.
Seitenverhältnis
Die UIAspectRatioConstraint erzwingt ein Breiten-Höhen-Seitenverhältnis auf einem GuiObject, unabhängig von seiner Grundgröße, selbst wenn diese Größe als Prozentsatz seines übergeordneten Elements festgelegt ist. Wenn Sie beispielsweise diese Beschränkung als Kind eines Frame einfügen und die AspectRatio-Eigenschaft der Beschränkung auf 2 (2:1) setzen, bleibt die Breite des Rahmens das Doppelte seiner Höhe. Ebenso bleibt die Breite dieser Beschränkung bei einer AspectRatio-Eigenschaft von 0.5 (0.5:1) bei der Hälfte der Höhe.
Das Setzen dieser Beschränkung auf den Standardwert von 1 (1:1) ist eine bequeme Möglichkeit, eine nicht-proportionale Skalierung/Streckung eines ImageLabel mit einem quadratischen Bild-Asset, wie z.B. einem Avatar-Thumbnails, zu verhindern.
Wenn ein UI-Objekt sowohl von einer Layoutstruktur wie UIListLayout als auch von einer UIAspectRatioConstraint kontrolliert wird, wird die Beschränkung die Layoutstruktur überschreiben und die Größe des Objekts steuern.