尺寸修改器和约束

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

在UI对象的基本调整之外,您可以使用尺寸修改器来缩放一个对象或自动调整它的尺寸。您还可以插入 尺寸限制 来控制 比例 或设置最小和最大 尺寸文本大小

缩放

一个 对象存储一个数值,该数值乘以父级 属性。例如,如果你想让一个对象的大小是现有的两倍,你可以插入一个 UIScale 对象,其 Scale 属性为 2

这个修改器在 Studio 设计详细用户界面时有用,因为它比例地缩放对象和所有其子对象,包括任何应用的 外观调整器UIStrokeUICorner 。还有用于渐变对象大小,例如当玩家将鼠标悬停在它上时,稍微增加按钮的大小。

自动缩放

AutomaticSize 属性会自动将父级GuiObject 调整到其子级的尺寸。您可以在各种情况下使用此属性,包括:

  • 扩展一个 GuiObject 以适合那些在许多语言中已被 本地化 的文本。
  • 允许用户在 输入文本 内的 TextBox 中,自动根据输入的文本量调整其大小。
  • 自动调整文本对象的大小使用 富文本标记 ,包括字体类型和大小。

您可以为任何 AutomaticSize 启用 property GuiObject 。默认情况下,它设置为 None ,但您可以将其值更改为具有特定控制的方向,使 GuiObject 缩放适合其内容。

要启用自动缩放:

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

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

    • X — 垂直缩放内容。
    • Y — 垂直调整内容大小。
    • XY — 垂直和水平方向都可调整内容大小。

一旦自动缩放设置,请注意其他对象属性的行为如下:

缩放概念 类似,AutomaticSize 在缩放内容时考虑 AnchorPoint 属性。例如,以下视频显示了三个TextLabels,它们自动从锚点缩放。

限制

有三种类型的 约束 您可以为用户界面对象使用:尺寸文本大小比例率。要使用约束,您必须将其设置为您想要约束的 GuiObject

大小

UISizeConstraint 规定了最小和最大尺寸为 GuiObject 。这个约束确保在不同屏幕尺寸下 GuiObject 不会变得太小或太大。

例如,如果你将 MinSize 属性设置为 (200, 200)MaxSize 属性设置为 (400, 400) ,那么 GuiObject 不能小于 200×200 像素或大于 400×400 像素。

文本大小

UITextSizeConstraint 指定了最小和最大字体大小对于带有文本的 GuiObject ,例如 TextLabel , TextButtonTextBox 。这个约束确保在 文本 内的 GuiObject 不会变得难以阅读或过大。

如果您启用父 的 属性,文本大小将与容器大小匹配,即使对象变小或变大,也会遵守限制。

例如,以下 TextLabel 对象有一个 UITextSizeConstraint 值为 MinTextSize50 和一个 MaxTextSize 值为 80 。即使当 TextLabel 变得更小时,字体也不会变得小于 50 像素,当对象变大时,字体下一次超过 80 像素。

方向比率

UIAspectRatioConstraint 强制一个 宽度对高度 比率在 GuiObject 上,无论其核心尺寸设置为其父父元素的百分比,即使这个尺寸被设置为父辈的一部分例如,将此约束作为 Frame 的子约束,将约束的 AspectRatio 属性设置为 22:1),使框架宽度与高度相等。同样,将此约束的 AspectRatio 属性设置为 0.5 ( 0.5:1 ),可以将框架宽度保持在高度的一半。

将此约束的 AspectRatio 设置为 1 的默认值 ( 1:1 )是一种方便的方法来防止图形素材产 ImageLabel 的非比例缩放/伸展,例如 虚拟形象缩略图