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 guias, controles de slide e portais — em um layout. Você pode adicionar ou alterar:
 •
sombras dentro ou fora da borda de um objeto
 •
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, 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 guias 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.
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
Cor 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 popovers ou controles de slide é 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 slide aumenta ou diminui a altura da área que contém os pontos abaixo dos painéis de slide.
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, escolha Outra cor em uma paleta de cores e clique na cor para usar.
 •
Para alterar o valor da cor de preenchimento, mova a barra deslizante de Opacidade na paleta de cores.
 •
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.
 •
Para determinar o valor RGB de uma cor, no Modo de layout, clique na paleta de cores Preenchimento na barra de formatação e escolha Outra cor. No OS X, selecione a guia Barras deslizantes de cores. Os valores são mostrados para cada uma das cores básicas.
Tópicos relacionados 
Desenho e inserção de objetos em um layout
Como selecionar e trabalhar com objetos em um layout