尺寸修饰符和约束

*此内容使用人工智能(Beta)翻译,可能包含错误。若要查看英文页面,请点按 此处

除了用户界面对象的基本 大小 之外,您可以使用尺寸修饰符来 缩放 对象,或 自动调整 大小。您还可以插入 尺寸约束,以控制 宽高比,或设置最小和最大 大小文本大小

缩放

UIScale 对象存储一个数值,该数值会乘以父级 GuiObjectAbsoluteSize 属性。例如,如果您希望一个对象的大小是当前的两倍,则可以插入一个 UIScale 对象,其 Scale 属性为 2

这个修饰符在 Studio 设计详细用户界面时非常有用,因为它按比例缩放对象及其所有子对象,包括应用的任何 外观修饰符,如 UIStrokeUICorner。它对于 补间动画 对象的大小也很有用,例如,当玩家将鼠标悬停在按钮上时,略微增加按钮的大小。

自动调整大小

AutomaticSize 属性会自动调整父 GuiObject 的大小以适应其子对象。您可以在各种情况下使用此属性,包括:

您可以为任何 GuiObject 启用 AutomaticSize 属性。默认情况下,它设置为 None,但您可以更改其值,以具体控制 GuiObject 的哪些方向调整大小以适应其内容。

要启用自动调整大小:

  1. 资源管理器 窗口中,单击任何 GuiObject,如 FrameTextBoxImageLabel

  2. 属性 窗口中,导航到 AutomaticSize 属性(ScrollingFrameAutomaticCanvasSize)并将其设置为以下选项之一:

    • X — 水平调整内容大小。
    • Y — 垂直调整内容大小。
    • XY — 同时水平和垂直调整内容大小。

一旦设置了自动调整大小,请注意其他对象属性的行为如下:

大小 的概念类似,AutomaticSize 在调整内容大小时会考虑 AnchorPoint 属性。例如,以下视频显示三个 TextLabel,它们会从其锚点自动调整大小。

约束

您可以为用户界面对象使用三种类型的 约束大小文本大小宽高比。要使用约束,您必须将其设置为您想要约束的 GuiObject子级

大小

UISizeConstraint 指定了 GuiObject 的最小和最大大小。此约束确保了 GuiObject 在不同屏幕尺寸上不会变得过小或过大。

例如,如果您将 MinSize 属性设置为 (200, 200),并将 MaxSize 属性设置为 (400, 400),则 GuiObject 不能缩小到小于 200×200 像素或大于 400×400 像素。

文本大小

UITextSizeConstraint 指定具有文本的 GuiObject 的最小和最大字体大小,例如 TextLabelTextButtonTextBox。该约束确保 GuiObject 内的 文本 不会变得模糊或过大。

如果您启用父 GuiObjectTextScaled 属性,则文本大小会随着容器的大小缩放,并在对象变小或变大超过 MinTextSizeMaxTextSize 值时遵循约束。

例如,以下 TextLabel 对象具有 UITextSizeConstraint,其 MinTextSize 值为 50,最大文字大小为 80。即使当 TextLabel 变得更小时,字体也不会小于 50 像素,当对象变大时,字体将不超过 80 像素。

宽高比

UIAspectRatioConstraintGuiObject 强制执行 宽高比,无论其核心大小如何,即使该大小设置为其父级的百分比。例如,将此约束作为 Frame 的子对象插入,并将约束的 AspectRatio 属性设置为 2 (2:1) 将保持框架的宽度是高度的两倍。同样,将此约束的 AspectRatio 属性设置为 0.5 (0.5:1) 将保持框架的宽度是高度的一半。

将此约束的 AspectRatio 设置为默认值 1 (1:1) 是防止 ImageLabel 与正方形图像资产(例如 头像缩略图)的非比例缩放/拉伸的一种便捷方法。

©2026 Roblox Corporation、Roblox、Roblox 标志及 Powering Imagination 是我们在美国及其他国家或地区的注册与未注册商标。