Material Design para Android

Documentos do desenvolvedor

Criação de aplicativos com o Material Design

Vídeo

Introdução ao Material Design

Vídeo

Papel e tinta: Os materiais que importam

Vídeo

Material Design no aplicativo Google I/O

O Material Design é um guia abrangente para design visual, de movimento e de interação para diversas plataformas e dispositivos. O Android agora é compatível com aplicativos do Material Design. Para usar o Material Design nos aplicativos Android, siga as orientações definidas nas especificações do Material Design e use os novos componentes e funcionalidades disponíveis no Android 5.0 (API de nível 21) e em posteriores.

O Android fornece os seguintes elementos para criar aplicativos do Material Design:

  • Um novo tema
  • Novos widgets para vistas complexas
  • Novas APIs para sombras e animações personalizadas

Para obter mais informações sobre a implementação do Material Design no Android, consulte Criação de aplicativos com o Material Design.

Tema do Material

O tema do Material fornece um novo estilo para o seu aplicativo, widgets de sistema que permitem definir a paleta de cores e as animações padrão para feedback de toque e transições de atividades.

Tema escuro do Material

Tema claro do Material


Para obter mais informações, consulte Como usar o tema do Material.

Listas e cartões

O Android fornece dois novos widgets para exibir cartões e listas com estilos e animações do Material Design:

O novo widget RecyclerView é uma versão mais completa de ListView com suporte para diferentes tipos de layout e melhorias no desempenho.

O novo widget CardView permite exibir informações importantes dentro de cartões que têm aparência consistente.


Para obter mais informações, consulte Como criar listas e cartões.

Sombras de vistas

Além das propriedades X e Y, vistas no Android agora têm uma propriedade Z. Essa nova propriedade representa a elevação de uma vista, que determina:

  • O tamanho da sombra: vistas com valores maiores de Z lançam sombras maiores.
  • A ordem de desenho: vistas com valores maiores de Z aparecem sobre outras vistas.
Para reproduzir o filme, clique na tela do dispositivo

Para obter mais informações, consulte Como definir sombras e recortar visualizações.

Animações

As novas APIs de animação permitem criar animações personalizadas para feedback de toque em controles de IU, mudanças no estado da vista e transições de atividades.

Essas APIs permitem:

  • Responder a eventos de toque nas vistas com animações de feedback de toque.
  • Ocultar e exibir vistas com animações de revelação circular.
  • Alternar entre atividades com animações de transição de atividades.
  • Criar animações mais naturais com movimento curvado.
  • Animar mudanças em uma ou mais propriedades da vista com animações de mudança de estado da vista.
  • Exibir animações em desenháveis da lista de estado entre mudanças de estado da vista.

Animações de feedback de toque são integradas em várias vistas padrão, como botões. As novas APIs permitem personalizar essas animações e adicioná-las às vistas personalizadas.

Para obter mais informações, consulte Como definir animações personalizadas.

Desenháveis

Essas novas capacidades dos desenháveis ajudam na implementação de aplicativos do Material Design:

  • Desenháveis de vetor são dimensionáveis sem perder definição e são perfeitos para ícones de uma cor dentro do aplicativo.
  • Tingimento desenhável permite definir mapas de bits como uma máscara alfa e tingi-los com uma cor em tempo de execução.
  • Extração de cor permite extrair automaticamente cores proeminentes de uma imagem de mapa de bits.

Para obter mais informações, consulte Como trabalhar com desenháveis.