Modelo de guia

O modelo de guia funciona como um contêiner para outros modelos e permite alternar entre visualizações.

Esse recurso é especialmente útil para organizar conteúdo ou visualizações que os usuários vão querer alternar com frequência, como dispositivos disponíveis, configurações e muito mais.

O modelo de guia inclui o seguinte:

  • Barra de guias com ícone do app e até quatro guias. Cada guia precisa ter um ícone e um título.
  • Modelo incorporado, que pode ser de qualquer um dos seguintes tipos:

Cada guia corresponde a um modelo incorporado. Só é possível ativar uma guia por vez.

Exemplo de modelo de guia
Exemplo do modelo de guia

Anatomia do modelo de guia

Modelo de guia com uma lista incorporada
Modelo de guia com uma grade incorporada
Modelo de guia com um painel incorporado
Modelo de guia com uma mensagem incorporada
Modelo de guia com modelo de navegação incorporado
Modelo de guia com modelo de pesquisa incorporado

Requisitos de UX do modelo de guia

MUST Forneça ícones para cada guia.
MUST Inclua pelo menos duas e no máximo quatro guias.
DEVE Use rótulos curtos para evitar o truncamento.
NÃO DEVE Use um cabeçalho ou uma faixa de ações em modelos incorporados.

Recursos

Tipo Link
Referência da API TabTemplate, TabTemplate.Builder