Ao utilizar modificadores de aparência , você pode personalizar ainda mais a aparência de seu GuiObjects .
- Aplique um gradiente ao plano de fundo de um Objeto.
- Aplique um traço ao texto ou a uma borda.
- Defina cantos arredondados para um Objeto.
- Aumentar padding 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:
- Definindo suas cores através de um na propriedade do gradiente .
- Escolhendo o ponto de partida do gradiente (dentro ou fora dos limites do pai) 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.Um pop-up de sequência de cores é exibido.
Cada triângulo no eixo inferior da sequência de cores é um ponto de chave que determina o valor da cor nesse ponto.
Clique em um ponto de chave 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 chave.
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 chave 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 todo o seu alcance:
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 é exibida.
Cada quadrado através do gráfico de sequência de números é um ponto de chave que determina o valor de transparência nesse ponto.
Clique e arraste qualquer ponto de clique em torno, ou selecione um ponto de clique e insira uma combinação de tempo/valor específica através dos inspectores de tempo e inspectores de valor .
Se necessário, você pode:
- Adicione outro ponto de chave clicando em qualquer lugar no gráfico.
- Exclua um ponto de chave 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 deixam você ajustar os pontos de controle do gradiente e seu ângulo.Como ilustrado nos seguintes diagramas, Offset é baseado em uma porcentagem da largura ou altura do pai, e ambos os valores positivos ou negativos são válidos.
Da mesma forma, quando você gira o gradiente, os pontos de controle também girar.
Traço
A instância UIStroke aplica um contorno ao texto ou a uma borda. As principais características incluem:
- Capacidade de definir a transparência do traço transparência independentemente da transparência do pai.
- Três estilos de canto (redondo, bisel ou mita) (redondo, bisel ou mita).
- Suporte ao gradiente de traço através da instância .
Contorno de texto / borda
Dependendo de seu pai, UIStroke opera como um contorno de texto ou como uma borda .Quando você parente UIStroke para um Objetode texto, ele se aplica ao contorno do texto; quando você parente UIStroke para outro GuiObjects, ele se aplica à borda.
Ao aplicar a um Objetode texto, você pode substituir o comportamento padrão do traço pela propriedade ApplyStrokeMode, permitindo que você aplique o traço aos limites do Objetoem vez do próprio texto.Você pode até controlar o contorno do texto e a borda independentemente por meio de paternidade de duas instâncias UIStroke para um Objetode texto, uma definida para Contextual e a outra para Borda .
Espessura
Você pode definir a largura do traço através da propriedade Thickness que é medida em pixels a partir das bordas externas do pai.
Evite treinar a propriedade da instância aplicada a objetos de texto .Isso rende e armazena muitos tamanhos de glyphs por cada quadro, potencialmente causando problemas de desempenho ou piscamento de texto.
Cor/gradiente
Você pode definir a cor do traço através da propriedade Color, bem como inserir uma instância filha UIGradient para criar gradientes de traço.
Tanto o objeto pai quanto UIStroke podem ter instâncias filhas UIGradient, permitindo que você defina gradientes no traço e preencha independentemente.
Transparência
A propriedade Transparency define a transparência do traço independentemente da transparência do Objetopai BackgroundTransparency ou TextTransparency.Isso permite que você renderize texto e bordas que sejam "vazias" (consistindo apenas de um contorno).
Estilo de canto
A propriedade LineJoinMode permite que você controle como os cantos são interpretados.Ele aceita um valor de Rodada , Borda ou Canto .
Cantos
A instância UICorner aplica deformação a todos os quatro cantos de seu pai GuiObject.Você pode controlar o raio aplicado através da propriedade CornerRadius usando Scale ou Offset.
Scale rodadas os cantos para uma percentagem com base na comprimento total da borda mais curta do pai, significando que uma escala de 0.5 ou superior deforma o pai em uma forma de "pilha", independentemente de sua largura ou altura.Offset arredonda os cantos para um número específico de pixels , independentemente da largura/altura do pai.
Espaçamento
Um objeto aplica espaçamento superior, inferior, esquerdo e/ou direito aos conteúdos do pai .
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.