Adição de sombras e calçamento aos objetos de layout
Use a área Gráfico avançado do Inspetor para melhorar ainda mais a aparência dos objetos — incluindo campos, botões, botões popover, popovers, controles de abas, controles de slides, and portals — em um layout. Você pode adicionar ou alterar:
 •
sombras dentro ou fora da borda de um objeto
 •
uma sombra dentro de uma parte de layout
 •
cor, opacidade, desfoque, espalhamento e desvio de sombras
 •
a quantidade de calçamento (o espaço entre a borda de um objeto e seu conteúdo) de objetos como campos, botões, barras de botões, popovers e controles de painéis
Nem todas as opções na área Gráfico avançado estão disponíveis para todos os tipos de objetos. Por exemplo, você pode aplicar sombras externas, mas não sombras internas aos controles de abas e não pode especificar o calçamento de objetos, como retângulos e ovais.
Nota  Você pode alterar ainda mais a aparência dos objetos usando a área Gráfico do Inspetor. Consulte Configuração do preenchimento, do estilo da linha e das bordas de objetos, partes de layout e plano de fundo do layout.
Para adicionar ou alterar a aparência do objeto:
1.
No Modo de layout, selecione um ou mais objetos.
Consulte Seleção de objetos.
Nota  Para adicionar uma sombra dentro de uma parte de layout, selecione a etiqueta da parte. A parte de layout é considerada como um objeto nas seguintes etapas.
2.
Clique em Inspetor botão Inspetor na barra de layout e em Aparência.
Área Gráfico avançado do Inspetor
As opções que você escolher afetam a aparência dos objetos selecionados em todos os modos.
3.
Para adicionar sombras ao objeto, na área Gráfico avançado, selecione Sombra externa ou Sombra interna ou ambos.
4.
Para alterar a aparência de sombras (por exemplo, a cor ou a quantidade de desfoque), clique em Botão Lápis à direita de Sombra externa ou Sombra interna e altere os efeitos desejados.
 
Para alterar
Use esse controle
A cor de uma sombra
Monitor Botão de paleta de cores de sombra
A posição horizontal ou vertical de uma sombra em relação ao objeto do layout
Desvio horizontal ou Desvio vertical ou ambos
Especifique os valores entre -100 e 100 pontos.
A transparência de uma sombra
Opacidade
O valor é especificado em porcentagem.
A quantidade de difusão de uma sombra
Desfoque
O valor é especificado em pontos.
O tamanho de uma sombra
Espalhamento
O valor é especificado em pontos.
5.
Para alterar a quantidade de calçamento entre a borda do objeto e seu conteúdo, para Calçamento, especifique valores (em pontos) para Esquerda, Direita, Superior e Inferior.
Por exemplo, para adicionar mais calçamento entre a borda inferior de um botão e o rótulo do botão, aumente o valor de Inferior.
Alterar o calçamento de botões, botões popover, popovers ou controles de slides é diferente de outros objetos:
 •
Alterar o calçamento superior de um popover aumenta ou diminui a altura da área de título do popover.
 •
Alterar o calçamento superior de um controle de slides aumenta ou diminui a altura da área que contém os pontos abaixo dos painéis de slide.
 •
A alteração do calçamento de um botão ou botão popover é aplicada à etiqueta e ao ícone.
 •
Alterar o calçamento entre uma etiqueta de texto de botão e ícone aumenta ou diminui o espaço entre a etiqueta de texto e o ícone. Consulte Formatação de botões, botões de popover e popovers.
Notas
 •
Cada tema vem com um conjunto de estilos padrão para objetos, como formas, botões, listas e menus. Quando você cria um objeto ou uma nova parte em um layout, o objeto ou parte é formatado no estilo padrão do tema.
 •
Para criar uma cor personalizada, consulte Configuração do preenchimento, do estilo da linha e das bordas de objetos, partes de layout e plano de fundo do layout.
 •
Para alterar o valor da cor de preenchimento, clique em Botão de paleta de cores de preenchimento e arraste a barra deslizante Opacidade (Windows) ou clique em Outra cor e arraste a barra deslizante Opacidade (OS X).
 •
Você pode exibir atributos que sejam específicos ao estado do objeto quando ele é mostrado no Modo de navegação. Por exemplo, você pode definir uma sombra mais escura quando um usuário pausa o ponteiro do mouse sobre um campo para focar a atenção nesse campo. Consulte Especificação do estado de exibição de um objeto.
 •
Você pode visualizar ou alterar o valor RGB de uma cor no formato hexadecimal na caixa de texto da paleta de cores.
 •
Há uma forma alternativa de visualizar ou alterar o valor RGB de uma cor. No Windows, no Modo de layout, clique na paleta de cores Preencher, na barra de formatação, e escolha Outra cor. Valores de três dígitos são mostrados para cada uma das cores básicas. No OS X, no Modo de layout, clique na paleta de cores Preencher, na barra de formatação, e escolha Outra cor. Selecione a guia Controles deslizantes de cor. Escolha Controles deslizantes RGB na lista. Valores de três dígitos são mostrados para cada uma das cores básicas.
 •
Se você selecionar uma ou mais barras de botões e a orientação for diferente, os valores de calçamento não serão exibidos na guia Aparência.
Tópicos relacionados 
Desenho e inserção de objetos em um layout
Como selecionar e trabalhar com objetos em um layout