Além do tamanho básico de objetos de UI, você pode utilizar modificadores de tamanho para escalar um objeto proporcionalmente ou redimensioná-lo automaticamente.Você também pode inserir restrições de tamanho para controlar proporção de aspecto ou definir um mínimo e máximo tamanho ou tamanho do texto .
Escala
Um objeto UIScale armazena um valor numérico que multiplica a propriedade AbsoluteSize do pai GuiObject.Por exemplo, se você quiser que um objeto seja duas vezes maior do que é atualmente, você pode inserir um objeto UIScale com uma propriedade Scale de 2.
Este modificador é útil para "aproximar" ao projetar uma interface de usuário detalhada no Studio, pois ele escala proporcionalmente o objeto e todos os seus filhos, incluindo quaisquer modificadores de aparência aplicados, como ou .Também é útil reduzir o tamanho de um Objeto, por exemplo, para aumentar ligeiramente o tamanho de um botão quando um jogador passar o mouse sobre ele.
Tamanho automático
A propriedade AutomaticSize resiza automaticamente um pai GuiObject para o tamanho de seus descendentes.Você pode usar essa propriedade em uma variedade de casos, incluindo:
- Expandir um GuiObject para caber texto que foi localizado em muitos idiomas.
- Permitir que os usuários insiram texto dentro de um TextBox, ajustando automaticamente seu tamanho com base na quantidade de texto inserido.
- Ajustando automaticamente o tamanho de objetos de texto usando marcação de texto rico, incluindo o tipo e o tamanho da fonte.
Você pode habilitar a propriedade AutomaticSize para qualquer GuiObject.Por padrão, é definido como None , mas você pode alterar seu valor para ter controle específico sobre para qual direção(s) o GuiObject redimensiona para ajustar seu conteúdo.
ScrollingFrame usa a propriedade AutomaticCanvasSize em vez de AutomaticSize.Ela se comporta da mesma forma, mas redimensiona o CanvasSize da janela, não sua base Size.
Para habilitar o dimensionamento automático:
Na janela Explorer, clique em qualquer GuiObject, como um Frame, TextBox ou ImageLabel.
Na janela Propriedades, navegue até a propriedade AutomaticSize (AutomaticCanvasSize para ScrollingFrame) e defina-a para uma das seguintes opções:
- X — Redimensiona o conteúdo horizontalmente.
- Y — Redimensiona o conteúdo verticalmente.
- XY — Redimensiona o conteúdo tanto horizontalmente quanto verticalmente.
Uma vez que o tamanho automático é configurar, observe que outras propriedades de objetos se comportam da seguinte forma:
Semelhante ao conceito de dimensionamento de um Objeto, AutomaticSize leva em consideração a propriedade AnchorPoint ao redimensionar o conteúdo.Por exemplo, o seguinte vídeo mostra três TextLabels que redimensionam automaticamente a partir de seu ponto de âncora.
- A etiqueta superior tem um valor de AnchorPoint de (0, 0.5) que a ancoram no meio do lado esquerdo.
- A etiqueta do meio tem um valor de AnchorPoint de (0.5, 0.5) que a ancoram no centro.
- A etiqueta inferior tem um valor de AnchorPoint de (1, 0.5) que a ancoram no meio do lado direito.
Con restricções
Existem três tipos de restrições que você pode usar para um Objetode interface de usuário: tamanho , tamanho do texto e proporção de aspecto.Para usar uma restrição, você deve defini-la como uma criança de filho do que você deseja restringir.
Tamanho
O UISizeConstraint especifica um tamanho mínimo e máximo para um GuiObject .Essa restrição garante que o GuiObject não se torne muito pequeno ou grande em diferentes tamanhos de tela.
Por exemplo, se você definir a propriedade MinSize para (200, 200) e a propriedade MaxSize para (400, 400) , a GuiObject não pode escalar menor que 200×200 pixels ou superior a 400×400 pixels.
Quando um objeto de UI está sob o controle de ambas uma estrutura de layout, como e um , a restrição substituirá a estrutura de layout e controlará o tamanho do Objeto.
Tamanho do texto
O UITextSizeConstraint especifica um tamanho mínimo e máximo de fonte para um GuiObject com texto, como um TextLabel , TextButton ou TextBox .Essa restrição garante que o texto dentro de um GuiObject não se torne ilegível ou muito grande.
Se você habilitar a propriedade TextScaled do pai GuiObject, o tamanho do texto escala com o tamanho do contêiner e respeita as restrições, mesmo que o objeto se torne menor ou maior que os valores MinTextSize e MaxTextSize.
Por exemplo, o seguinte objeto TextLabel tem um UITextSizeConstraint com um valor de MinTextSize de 50 e um valor de 80 de MaxTextSize.Mesmo quando o TextLabel torna-se menor, a fonte nunca se torna menor que 50 pixels, e quando o objeto se torna grande, a fonte seguinte excede 80 pixels.
Não use valores de propriedade MinTextSize inferiores a 9 ou o texto será difícil de ler para muitos leitores.
Rácio de aspecto
O UIAspectRatioConstraint impõe uma proporção de aspecto de largura para altura em um GuiObject independentemente de seu tamanho principal, mesmo que esse tamanho seja definido como uma porcentagem de seu pai.Por exemplo, inserir essa restrição como filha de um Frame e definir a propriedade da restrição AspectRatio para 2 ( 2:1 ) mantém a largura do quadro duas vezes maior que a altura.Da mesma forma, definir a propriedade AspectRatio da restrição para 0.5 ( 0.5:1 ) mantém a largura do quadro na metade da altura dela.
Definir essa restrição de AspectRatio para o padrão de 1 ( 1:1 ) é uma maneira conveniente de evitar o dimensionamento/estiramento desproporcional de um ImageLabel com um ativode imagem quadrada, como um thumbnail de avatar .
Quando um objeto de UI está sob o controle de ambas uma estrutura de layout, como e um , a restrição substituirá a estrutura de layout e controlará o tamanho do Objeto.