Barra de navegação

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. 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 de barra de navegação na barra de navegação. Os usuários podem acessar as telas do inicializador e as telas comuns na barra de navegação.

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

    Quando você adiciona mais de cinco guias à barra de navegação, uma guia Mais ( ícone Mais) é exibida. Toque na guia Mais para abrir uma exibição de lista mostrando as guias adicionais.

    Guias de tela e guias de tela do inicializador

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

    Use uma guia de tela para habilitar o acesso diretamente a um calendário, mapa personalizado, lista, mapa ou tela da web móvel.

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

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

    As 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

    Use 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 guia mais, ( ícone Mais.) é adicionada.
    • Tente limitar a barra de navegação a cinco guias, para que todas elas 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. A remoção dessas 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 alterar a ordem em que elas aparecem na barra de navegação.
    • As guias Configurações, Notificações e Salvo navegam para páginas específicas, portanto, apenas uma de cada guia é necessária. Você pode usar várias guias de tela e tela do inicializador, no entanto, é recomendável usar no máximo cinco guias.
    Exibir 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 Aplicações.
    • Use letras maiúsculas nos títulos para destacá-los. Por exemplo, Tarefas abertas.
    Tamanho dos nomes das guias
    • Limite o tamanho dos 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 totalmente exibidos 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. Essa ordem varia para idiomas da esquerda para a direita e da direita para a esquerda.