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:
Na janela Explorer, selecione o UIGradient.
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.
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 .
Selecione a cor desejada para o ponto de acesso.
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:
Na janela Explorer, selecione o UIGradient.
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.
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.
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:
- 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.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.