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.](https://developer.android.com/static/develop/ui/compose/images/components/scaffold.png?hl=pt-br)
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:
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=pt-br)
Criar um scaffold da tela inicial
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=pt-br)