Barra de navegação

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 3 min. de leitura
  • Use a barra de navegação em seus aplicativos para celular para acessar telas do inicializador, telas, configurações e notificações.

    Figura 1. Hierarquia de componentes da barra de navegação
    Hierarquia de componentes da barra de navegação.
    A barra de navegação consiste nestes componentes:
    • Barra de navegação
    • Guias da barra de navegação
    • Guia de tela
    • Guia do inicializador
    • Guia salva
    • Guia Notificação
    • Guia Configurações
    Guias da barra de navegação com a guia Mais

    A barra de navegação aparece na parte inferior de cada aplicativo para celular. Você pode criar guias da barra de navegação na barra de navegação. Os usuários podem acessar telas do inicializador e telas regulares na barra de navegação.

    Nota:
    A barra de navegação em cada aplicativo para celular é pré-configurada com Notificações e. Configurações guias da barra de navegação. Para obter mais informações sobre o conteúdo dessas guias, consulte Estrutura do aplicativo para celular. Há também uma guia Salvo, que exibe uma página mostrando os registros salvos do usuário.
    Lista exibida depois que um usuário toca na guia Mais

    Ao adicionar mais de cinco guias à barra de navegação, um Mais ( Ícone Mais) é exibida. Toque em Mais para abrir uma exibição de lista mostrando as guias adicionais.

    Guias da tela e guias da tela do inicializador

    Figura 2. Guia de navegação da tela
    Guia de navegação da tela

    Use uma guia de tela para habilitar o acesso direto a um calendário, mapa personalizado, lista, mapa ou tela da web para celular.

    Figura 3. Guia de navegação da tela do inicializador
    Guia de navegação da tela do inicializador

    Use uma guia da tela do inicializador para permitir que os usuários acessem elementos em um inicializador de tela.

    Telas do inicializador são painéis. Eles fornecem atalhos para outras telas e informações. Atalhos podem ser adicionados com ícones, cartões, seções de mídia ou contagens de pontuação.

    Diretrizes gerais para a barra de navegação

    Considere estas diretrizes gerais ao configurar sua barra de navegação.
    Número de guias
    • A barra de navegação exibe até cinco guias. Quando há mais de cinco guias, uma guia de estouro, conhecida como a guia Mais, ( Ícone Mais.) foi adicionado.
    • Tente limitar sua barra de navegação a cinco guias, para que todas as guias fiquem visíveis o tempo todo.
    Tipos de guia
    • Por padrão, a barra de navegação contém as guias Configurações e Notificação. Remover essas guias é possível, mas pode impedir que os usuários acessem informações e recursos importantes do app.
    • Em vez de remover as guias Configuração e Notificação, considere mudar a ordem em que elas aparecem na barra de navegação.
    • As guias Configurações, Notificações e Salvas navegam até páginas específicas, portanto, somente uma de cada guia é necessária. Você pode usar várias guias de tela e tela do inicializador, no entanto, sugere-se que você não use mais de cinco guias.
    Exiba guias específicas para usuários especificados
    Nomes da guia
    • Dê às guias de navegação um nome descritivo que forneça contexto. Evite nomes genéricos, como Página inicial ou Aplicativos.
    • Use letras maiúsculas para fazer com que eles se destaquem. Por exemplo, tarefas em aberto.
    Comprimento dos nomes das guias
    • Limite o comprimento dos seus títulos para que eles não sejam cortados quando exibidos na barra de navegação.
    • Se você oferecer suporte a vários idiomas, considere o tamanho dos títulos em cada um dos idiomas compatíveis.
    • Ao testar sua aplicação, procure títulos que não sejam exibidos totalmente na barra de navegação.
    Composição do ícone
    • A cor do ícone da barra de navegação é determinada pelo tema da sua aplicação.
    • Selecione ícones que sejam visualmente consistentes e representem melhor as funções ou informações apresentadas nessa parte da aplicação.
    • Evite usar o mesmo ícone para mais de uma guia de navegação, para que os usuários possam encontrar rapidamente o que precisam.
    Solicitação
    A ordem das guias deve ser listada no nível de importância. Esta ordem varia para idiomas da esquerda para a direita e da direita para a esquerda.