Pular para o conteúdo

Mais visitados

Visitados recentemente

navigation

Como usar o tema do Material

O novo tema do Material fornece:

É possível personalizar a aparência do tema do Material com uma paleta de cores que você controla, de acordo com a identidade da sua marca. Você pode atribuir cor à barra de ações e à barra de status usando atributos de tema, conforme exibido na Figura 3.

Os widgets de sistema têm um novo design e animações de feedback de toque. Você pode personalizar a paleta de cores, as animações de feedback de toque e as transições de atividades do aplicativo.

O tema do Material é definido como:

Para obter uma lista de estilos do Material que podem ser usados, consulte a referência de API para R.style.

Figura 1. Tema escuro do Material

Figura 2. Tema claro do Material


Observação: o tema do Material só está disponível no Android 5.0 (API de nível 21) e posteriores. A Biblioteca de Suporte v7 fornece temas com estilos do Material Design para alguns widgets e compatibilidade com a personalização da paleta de cores. Para obter mais informações, consulte Como manter a compatibilidade.

Personalizar a paleta de cores

Para personalizar as cores de base do tema para adequá-lo à sua marca, defina as cores personalizadas usando os atributos de tema ao herdar do tema do Material:

<resources>
  <!-- inherit from the material theme -->
  <style name="AppTheme" parent="android:Theme.Material">
    <!-- Main theme colors -->
    <!--   your app branding color for the app bar -->
    <item name="android:colorPrimary">@color/primary</item>
    <!--   darker variant for the status bar and contextual app bars -->
    <item name="android:colorPrimaryDark">@color/primary_dark</item>
    <!--   theme UI controls like checkboxes and text fields -->
    <item name="android:colorAccent">@color/accent</item>
  </style>
</resources>

Figura 3. Como personalizar o tema do Material

Personalizar a barra de status

O tema do Material permite a fácil personalização da barra de status, para você poder especificar uma cor adequada à sua marca, e fornece contraste suficiente para exibir os ícones de status brancos. Para definir uma cor personalizada para a barra de status, use o atributo android:statusBarColor ao ampliar o tema do Material. Por padrão, android:statusBarColor herda o valor de android:colorPrimaryDark.

Você também pode personalizar a parte de trás da barra de status. Por exemplo, se você quiser mostrar uma barra de status transparente sobre uma foto, com um degradê escuro sutil, para garantir que os ícones de status brancos sejam visíveis, defina o atributo android:statusBarColor como @android:color/transparent e ajuste os marcadores de janela conforme necessário. Você também pode usar o método Window.setStatusBarColor() para animações ou esmaecimento.

Observação: a barra de status deve ter, quase sempre, um traçado distante da barra de ferramentas principal, exceto em casos em que haja imagens ricas de ponta a ponta, conteúdo de mídia por trás dessas barras e quando se usa degradê, para garantir que os ícones continuem visíveis.

Ao personalizar as barras de navegação e de status, deixe-as transparentes ou modifique somente a barra de status. A barra de navegação deve permanecer preta em todos os outros casos.

Atribuir tema a visualizações individuais

Elementos nas definições do layout XML podem especificar o atributo android:theme, que referencia um recurso do tema. Esse atributo modifica o tema do elemento e quaisquer elementos-filho, o que é útil para alterar as paletas de cores do tema em uma parte específica de uma interface.

Este site usa cookies para armazenar suas preferências quanto às opções de idioma e exibição específicas ao site.

Receba as dicas e notícias mais recentes para desenvolvedores Android que ajudarão você a ter sucesso no Google Play.

* Campos obrigatórios

Uhu!

Siga o Google Developers no WeChat

Navegar neste site em ?

Você solicitou uma página em , mas sua preferência de idioma para este site está definida como .

Quer alterar sua preferência de idioma e navegar neste site em ? Para alterar a preferência de idioma depois, use o menu de idiomas na parte inferior de cada página.

É preciso ter o nível de API ou superior para esta aula

Este documento está oculto porque o nível de API selecionado para a documentação é o . Para alterar o nível, clique no seletor acima da barra de navegação esquerda.

Para mais informações sobre como especificar o nível de API que o seu app precisa, leia o artigo Compatibilidade com diferentes versões de plataforma.

Take a short survey?
Help us improve the Android developer experience. (April 2018 — Developer Survey)