Modificadores de Aparência da Interface

Ao utilizar modificadores de aparência , você pode personalizar melhor a aparência do seu GuiObjects.

• Aplique um gradiente ao fundo de um Objeto.
• Aplique um stroke ao texto ou ao contorno.
• Definir cantos redondos para um Objeto.
• Aumente almofada entre as bordas de um Objeto.

Gradiente

O objeto UIGradient aplica um gradiente de cor e transparência ao seu pai GuiObject.

Você pode configurar o gradiente por:

• Configurando suas cores através de um ColorSequence através da propriedade Color no gradiente.
• Configurando sua 透明度 através de um NumberSequence em propriedade degradiente de Transparency.
• Escolhendo o ponto de partida do gradiente ( dentro ou fora dos limites dos pais ) através da propriedade Offset.
• Escolhendo o ângulo do gradiente através da propriedade Rotation.

Sequência de Cores

Para definir a sequência de cores de um gradiente:

1. Na janela Explorer, selecione o UIGradient.

2. Na janela Propriedades , clique dentro do campo de propriedade Cor , então clique no botão … à direita da caixa de entrada. Uma sequência de cores pop-up será exibida.

   

   Cada triângulo na eixe inferior da sequência de cores é um keypoint que determina o valor de cor naquele ponto.

   

3. Clique em um ponto de interrupção na sequência de cores, então clique no pequeno quadrado ao lado de Cor para abrir a janela pop-up Cores .

4. Selecione a cor desejada para o ponto de acesso.

   

5. Se necessário, você pode:

   • Adicione outro ponto de chave clicando em qualquer lugar no gráfico.
   • Arraste um ponto de chave existente para uma nova posição ou selecione um ponto de chave e insira um valor de tempo específico através da entrada Tempo .
   • Exclua um ponto de acesso selecionando-o e clicando no botão Excluir .
   • Redefina a sequência clicando no botão Redefinir .

Transparência

Para ajustar a transparência de um gradiente em sua faixa:

1. Na janela Explorer, selecione o UIGradient.

2. Na janela Propriedades , clique dentro do campo de propriedade Transparência , então clique no botão … à direita da caixa de entrada. Uma sequência de números pop-up será exibida.

   

   Cada ponto quadrado na sequência de números é um keypoint que determina o valor de transparência nesse ponto.

   

3. Clique e arraste qualquer ponto de acesso ao redor, ou selecione um ponto de acesso e insira uma combinação de tempo/valor específica através das entradas Tempo e Valor.

   

4. Se necessário, você pode:

   • Adicione outro ponto de chave clicando em qualquer lugar no gráfico.
   • Exclua um ponto de acesso selecionando-o e clicando no botão Excluir .
   • Redefina a sequência clicando no botão Redefinir .

Deslocamento e Rotação

As propriedades Offset e Rotation permitem que você ajuste os pontos de controle do gradiente e seu ângulo. Como ilustrado nos seguintes gráficos, Offset é baseado em um 2>porcentagem2> da largura ou altura da ra

Da mesma forma, quando você gira o gradiente, os pontos de controle também girar.

Pontuação

A instância UIStroke aplica um contorno ao texto ou ao border. Os recursos-chave incluem:

• Ajustável cor e thickness da linha de contorno.
• Capacidade de definir a transparência do pincel independentemente da transparência dos pais.
• Três estilos de canto (redondo, canto, ou metade).
• Stroke gradiente suporte através da instância UIGradient .

Contorno de Texto / Border

Dependendo de sua família, UIStroke opera como uma visualização de texto ou como uma borda . Quando você pai 1> Class.UIStroke1> para um Objetode texto, ele se aplica às contornos do texto; quando você pai 4> Class.UISt

Quando aplicado a um Objetode texto, você pode sobrescrever o comportamento padrão do Objetoao aplicar a propriedade Class.UIStroke.ApplyStrokeMode|ApplyStroke

Espessura

Você pode definir a largura do pincel através da propriedade Thickness que é medida em píxeis nas bordas externas do pai.

Cor/Gradiente

Você pode definir a cor do pincel através da propriedade Color, bem como inserir uma instância filha UIGradient para criar tons de pincel.

Transparência

A propriedade Transparency define a transparência do pincel independentemente da transparência dos Objetopais BackgroundTransparency ou TextTransparency. Isso permite que você renda textos e contornos que são "hollow" (consistem em apenas um contorno).

Estilo de Canto

A propriedade LineJoinMode permite que você controle como as esquinas são interpretadas. Ele aceita um valor de Round , Bevel ou 1>Miter1>.

Cantos

A instância UICorner aplica deformação a todos os quatro cantos de sua parent GuiObject . Você pode controlar o raio aplicado através da propriedade CornerRadius usando either 1>Datatype.UDim.Scale|Scale1> ou 4>Datatype

Scale arredonda os cantos para um porcentagem com base na longitude total do canto mais curto do lado da pai, o que significa que uma escala de 0> 0.50> ou superior forma o

Datatype.UDim.Scale|Scale = 0.25 · Datatype.UDim.Offset|Offset =2> 02> > >

Datatype.UDim.Scale|Scale = 0.5 · Datatype.UDim.Offset|Offset = 2> 02> · · 0> 1> 2> 3> 4> 5> 6> 7> <

Datatype.UDim.Scale|Scale = 0 · Datatype.UDim.Offset|Offset = 2> 322> · · 0> 1> 2> 3> 4> 5> 6> 7>

Datatype.UDim.Scale|Scale = 0 · Datatype.UDim.Offset|Offset = 2> 642> · · 0> 1> 2> 3> 4> 5> 6> 7>

Almofada

Um objeto UIPadding aplica a cima, para baixo, à esquerda e/ou direita ao conteúdo do pai GuiObject .

Por exemplo, você pode mover o texto dentro de um botão de texto para baixo ou para cima aplicando um deslocamento para a parte inferior do botão.