Esta página foi traduzida pela API Cloud Translation.

Abas

As abas são botões que sempre ocorrem em grupos e dependem do estado uns dos outros: apenas uma pode estar ativa em um determinado momento.

Componente de botões

Botões que não sejam abas podem funcionar independentemente de outros botões.

Anatomia

Especificações

Abas aninhadas na barra de aplicativos – alinhadas à esquerda

Barra de aplicativos e componente de cabeçalho

Especificações, diretrizes de estilo e muito mais.

Abas aninhadas na barra de aplicativos – alinhamento flexível

Abas recolhidas na barra de aplicativos – menu lateral

Barra de aplicativos e componente de cabeçalho

Especificações, diretrizes de estilo e muito mais.

Barra de abas independente – alinhada à esquerda

Barra de abas independente – alinhamento flexível

estouro de string do rótulo da guia

Dimensionamento de layouts

Esses layouts de referência mostram como adaptar as abas para acomodar telas de diversas larguras e alturas. Observe que todos os valores de pixel estão em pixels renderizados, antes de qualquer redução ou aumento de resolução.

Telas padrão versus telas widescreen em modelos de altura reduzida.

Telas padrão versus telas widescreen em suporte de altura padrão

Telas padrão versus telas widescreen na categoria de altura alta

Telas extralargas e superlargas em todas as faixas de altura.

Estilos

Tipografia

Cor

Tamanhos

Exemplos