Criar um componente de esqueleto para manter a interface unida

No Material Design, um esqueleto é uma estrutura fundamental que fornece uma plataforma padronizada para interfaces de usuário complexas. Ele reúne diferentes partes da interface, como barras de apps e botões de ação flutuantes, dando aos apps uma aparência coerente.

Compatibilidade de versões

Essa implementação exige que o minSDK do projeto seja definido como o nível 21 da API ou mais recente.

Dependências

Criar um esqueleto

O exemplo a seguir mostra como implementar o Scaffold. Ele contém uma barra de apps na parte de cima, uma barra de apps na parte de baixo e um botão de ação flutuante que interage com o estado interno de Scaffold.

Resultados

Uma implementação de esqueleto que contém barras de apps simples na parte de cima e de baixo, além de um botão de ação flutuante que itera um contador. O conteúdo interno do esqueleto é um texto simples que explica o componente.
Figura 1. Uma implementação de scaffold.

Pontos principais

O elemento combinável Scaffold fornece uma API simples que pode ser usada para montar rapidamente a estrutura do app de acordo com as diretrizes do Material Design. O Scaffold aceita vários elementos combináveis como parâmetros. Entre elas estão as seguintes:

  • topBar: a barra de apps na parte de cima da tela.
  • bottomBar: a barra de apps na parte de baixo da tela.
  • floatingActionButton: um botão que passa por cima do canto inferior direito da tela e pode ser usado para mostrar ações importantes.

Para conferir exemplos mais detalhados sobre como implementar barras de apps superiores e inferiores, consulte a página de barras de apps.

Também é possível transmitir o conteúdo Scaffold como faria com outros contêineres. Ele transmite um valor innerPadding para a lambda content, que pode ser usada em elementos combináveis filhos.

Coleções que contêm este guia

Este guia faz parte destas coleções selecionadas de guias rápidos que abrangem metas mais amplas de desenvolvimento para Android:

Descubra como usar uma plataforma padronizada para criar interfaces do usuário complexas. O esqueleto reúne diferentes partes da interface, dando aos apps uma aparência coerente.
Aprenda como as funções combináveis podem permitir que você crie componentes de interface bonitos com base no sistema de design do Material Design.

Tem dúvidas ou feedback?

Acesse a página de perguntas frequentes e saiba mais sobre os guias rápidos ou entre em contato e conte o que você pensa.