Crie uma barra de apps superior para ajudar os usuários a navegar e acessar funções no app,
usando o elemento combinável TopAppBar
.
Compatibilidade de versões
Essa implementação exige que o minSDK do projeto seja definido como nível 21 da API ou mais recente.
Dependências
Criar um elemento combinável para a barra de apps superior
Crie uma barra de apps de cima usando o elemento combinável MediumTopAppBar
, que é recolhido
quando o usuário rola para baixo na área de conteúdo e é expandido quando o usuário rola
de volta para o topo do conteúdo:
Pontos principais sobre o código
- Uma
Scaffold
externa com umTopBar
definido. - Um título que consiste em um único elemento
Text
. - Uma barra superior com uma única ação definida.
- Uma ação
IconButton
com uma lambdaonClick
para realizar a ação. - Um
IconButton
que contém umIcon
com uma imagem de ícone e um texto de descrição do conteúdo. - O comportamento de rolagem do conteúdo interno do Scaffold é definido como
enterAlwaysScrollBehavior()
. Isso reduz a barra de apps quando o usuário puxa o conteúdo interno e a expande quando o usuário puxa para baixo o conteúdo interno. - Além de
MediumTopBar
, que contém o título, você também pode usar:TopAppBar
: use para telas que não exigem muita navegação ou ações.CenterAlignedTopAppBar
: use para telas com uma única ação principal.O título fica centralizado no componente.MediumTopAppBar
: use para telas que exigem uma quantidade moderada de navegação e ações.LargeTopAppBar
: use para telas que exigem muita navegação e ações. Usa mais preenchimento do queMediumTopAppBar
e coloca o título abaixo de outros ícones.
Resultados
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)