Junto con los modificadores de tamaño básicos de los objetos de la interfaz de usuario, puede utilizar los modificadores de tamaño para escalar un objeto proporcionalmente o automáticamente resize . También puede insertar 约束 de tamaño para controlar el 2>ratio de aspecto2> o establecer un tamaño mínimo y máximo
Escala
Un objeto UIScale almacena un valor numérico que multiplica la propiedad AbsoluteSize de el padre GuiObject . Por ejemplo, si desea que un objeto sea el doble de grande como
Este modificador es útil para "acercar" mientras se diseña una interfaz de usuario detallada en Studio, ya que escala proporcionalmente el objeto y todos sus hijos, incluidos los modificadores de apariencia aplicados, como Class.UIStroke o UIStroke. Es también útil para acurar el tamaño de un botón
Ajuste automático
La propiedad AutomaticSize revisa automáticamente el tamaño de un padre GuiObject a el tamaño de sus descendientes. Puedes usar esta propiedad en una variedad de casos, incluido:
- Expandiendo un GuiObject para albergar texto que ha sido localizado en muchos idiomas.
- Permitir que los usuarios ingresen texto dentro de un TextBox , ajustando automáticamente su tamaño según el número de texto ingresado.
- Ajustar automáticamente el tamaño de los objetos de texto usando marcado de texto rico, incluido el tipo de fuente y el tamaño.
Puede habilitar la propiedad AutomaticSize para cualquier GuiObject por defecto. Por defecto, está configurado como None, pero puede cambiar su valor para tener un control específico sobre en qué dirección(s) se ajusta el 1> Class.GuiObject1> para encajar su contenido.
Class.ScrollingFrame usa la propiedad AutomaticCanvasSize en lugar de AutomaticSize . Se comporta de la misma manera pero escala el marco 0> Class.ScrollingFrame.CanvasSize|CanvasSize 0>, no su base 3>
Para habilitar el tamaño automático:
En la ventana Explorer, haz clic en cualquier GuiObject, como un Frame, 1> Class.Toolbar1> o 4> Class.ImageLabel 4>.
En la ventana Propiedades, navegue a la propiedad AutomaticSize ( AutomaticCanvasSize para 1> Class.ScrollingFrame1>) y establezca una de las siguientes opciones:
- X — Redimensiona el contenido horizontalmente.
- Y — Redimensiona el contenido verticalmente.
- XY — Redimensiona el contenido tanto horizontal como verticalmente.
Una vez que se establecerel tamaño automático, tenga en cuenta que otras propiedades de objetos se comportan como sigue:
Al igual que el concepto de escalado un objeto, AutomaticSize toma la propiedad de AnchorPoint en consideración al escalar el contenido. Por ejemplo, el siguiente video muestra tres 1> Class.TextLabel|Text Labels1> que se escalan automáticamente desde su punto de anclaje.
- La etiqueta superior tiene un valor de AnchorPoint de (0, 0.5) que la ancla en el medio del lado izquierdo.
- La etiqueta central tiene un valor de AnchorPoint de (0.5, 0.5) que lo ancla al centro.
- La etiqueta inferior tiene un valor de AnchorPoint de (1, 0.5) que la ancla en el medio del lado derecho.
Limitaciones
Hay tres tipos de 约束 que puedes usar para un objeto de interfaz de usuario: tamaño , tamaño de texto y 1>aspecto1> . Para usar restricción, debes establecerlo como un 4>niño4> de la 7>Class.GuiObject7> que quieres limitar.
Tamaño
El UISizeConstraint especifica un tamaño mínimo y máximo para un GuiObject . Esta restricción garantiza que el GuiObject no se vuelva demasiado pequeño o demasiado grande en diferentes tamaños de pantalla.
Por ejemplo, si estableces la propiedad MinSize a (200, 200) > y la propiedad Class.UISizeConstraint.MaxSize|
Cuando un objeto de UI está bajo el control de ambas estructuras de layout, como UIListLayout y UISizeConstraint, el límite de control 覆盖 el diseño y control el tamaño del objeto.
Tamaño del texto
El UITextSizeConstraint especifica un tamaño de fuente mínimo y máximo para un GuiObject con texto, como un TextLabel, 2> Class.TextButton2> o 5> Class.Toolbar5> .
Si habilitas la propiedad TextScaled de tu padre GuiObject, el tamaño del texto se escala con el tamaño del contenedor y respeta los límites, incluso si el objeto se hace más pequeño o más grande que los valores Class.UITextSizeConstraint.MinTextSize|MinTextSize</
Por ejemplo, el siguiente objeto TextLabel tiene un UITextSizeConstraint con un valor de MinTextSize de 2>502> y un valor de 5>80
No use valores de propiedad MinTextSize inferiores a 9 o el texto será difícil de leer para muchos lectores.
Ratio de aspecto
El UIAspectRatioConstraint establece una proporción de ancho a alto en un Class.GuiObject independientemente de su tamaño de padre, incluso si ese tamaño se
Establecer este restricciónde AspectRatio a el valor predeterminado de 1 ( 1:1 ) es una manera conveniente de evitar la escala / estiramiento no proporcional de un 1> Class.ImageLabel1> con un recursode imagen cuadrada, como una 4> vista previa de avatar 4> .
Cuando un objeto de UI está bajo el control de ambas estructuras de layout como UIListLayout y UIAspectRatioConstraint, el límite de control 覆盖 el diseño y control el tamaño del objeto.