Configure a barra de navegação e as guias de navegação

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 5 min. de leitura

    • Configure a barra de navegação que aparece na parte inferior do aplicativo para celular. Use as guias da barra de navegação para navegar até telas, telas do inicializador, bem como registros salvos, configurações e páginas de notificações.

    Antes de Iniciar

    Função necessária: administrador

    Por Que e Quando Desempenhar Esta Tarefa

    Adicione uma barra de navegação ao seu aplicativo para celular e adicione vários tipos de guias de navegação relevantes para os requisitos dos usuários. Você pode escolher guias pré-configuradas ou criar uma guia com base em um modelo existente. Há configurações um pouco diferentes para a tela do inicializador e as guias da tela em comparação com as guias Salvo, Notificações e Configurações.

    As guias de navegação da tela e da tela do inicializador também podem conter uma contagem de crachá. Este selo é um número exibido ao lado da guia de navegação, de acordo com as condições definidas. Por exemplo, a contagem de selos pode exibir informações como o número de registros em uma lista ou registros em uma seção de registro.

    A seguir está um breve resumo de cada um dos tipos de guia de navegação:
    • Inicializador: Use esta opção para navegar até uma tela do inicializador.
    • Tela: Use esta opção para navegar até uma tela que mostre dados de registro ou seções de IU.
    • Salvo: Esta opção abre uma página que mostra os registros salvos do usuário.
    • Notificações: Esta opção abre a página Notificações mostrando notificações relacionadas ao usuário na experiência do aplicativo para celular.
    • Configurações: Esta opção abre a página Configurações em que o usuário controla sua experiência móvel.
    Nota:
    Sua barra de navegação deve conter apenas um de cada um dos seguintes tipos de guia: Guias Salvo, notificações e configurações. Para obter mais informações, consulte a seção Diretrizes gerais para a barra de navegação no tópico Barra de navegação.

    Procedimento

    1. Navegar até Tudo > Sistema Móvel > Construtor de apps para celular.
      . Construtor de apps para celular abre em uma nova guia do navegador e exibe a tela de seleção do escopo da aplicação.
    2. PESQUISE o escopo da aplicação em que você está trabalhando e selecione o nome do escopo da aplicação.
      . Construtor de apps para celular a tela inicial de categorias é exibida.
    3. Selecione Todos os registros móveis no menu.
    4. Em Tipo de registro , selecione Barra de navegação [sys_sg_navigation] e selecione Novo .
    5. Insira um nome para a barra de navegação.
    6. Selecione ou crie tipos de guia de navegação para adicionar à barra de navegação.
      Método para adicionar guias de navegaçãoProcedimento
      Selecione as guias de navegação existentes
      1. Selecione Escolha Na seção Guias de navegação.
      2. Selecione uma guia de navegação e selecione Aplicar .
      3. Repita as etapas a. e b. para cada guia de navegação que você deseja adicionar.
      4. Selecione Save (Salvar).
      Crie um tipo de guia de navegação salva, notificações ou configurações
      1. Selecione Novo Na seção Guias de navegação.
      2. Selecione o tipo de guia Salvo, Notificações ou Configurações e selecione Continuar .
      3. Na nova tela da guia referente à opção selecionada, faça o seguinte.
        1. Insira um nome para a guia no Rótulo campo.
        2. Selecione se a guia deve ser exibida na barra de navegação, usando Ativo alternar.
        3. No campo ícone, selecione se deseja escolher um ícone existente ou criar um ícone para a guia de navegação. Siga um destes procedimentos.
          1. Selecione Escolha , escolha um ícone e selecione Aplicar .
          2. Selecione Novo Para exibir o formulário Novo ícone e faça o seguinte:
            1. Insira um nome para o ícone.
            2. Em Tipo campo, selecione Imagem .
            3. Na seção Definir aparência, em Estilo campo, insira Nome .
            4. Na seção Definir aparência, em Valor , insira o nome de um ícone de imagem. Para obter uma lista de nomes de ícones de imagem, consulte Ícones de imagem.
      4. Selecione Save (Salvar).
      Crie um inicializador ou um tipo de guia de navegação na tela
      1. Selecione Novo Na seção Guias de navegação.
      2. Selecione o tipo de guia Inicializador ou Tela e selecione Continuar .
      3. Na nova tela da guia referente à opção selecionada, faça o seguinte.
        1. Insira um nome para a guia no Rótulo campo.
        2. Selecione se a guia deve ser exibida na barra de navegação, usando Ativo alternar.
        3. Se você selecionou o inicializador ou os tipos de guia de navegação na tela, siga um destes procedimentos.
          • Se você selecionou Inicializador, na área Inicializador, selecione Escolha , selecione uma tela do inicializador e selecione Aplicar . Como alternativa, selecione Novo para criar uma tela do inicializador. Esta é a tela do inicializador para a qual os usuários são direcionados quando tocam nesta guia de navegação. Para obter mais informações sobre como criar uma tela do inicializador, consulte Criar uma tela de inicializador.
          • Se você selecionou Tela, na área da tela, selecione Escolha , selecione uma tela e selecione Aplicar . Esta é a tela para a qual os usuários são direcionados quando tocam nesta guia de navegação.
        4. No campo ícone, selecione se deseja escolher um ícone existente ou criar um ícone. Siga um destes procedimentos.
          • Selecione Escolha , escolha um ícone e selecione Aplicar .
          • Selecione Novo Para exibir o formulário Novo ícone e faça o seguinte:
            1. Insira um nome para o ícone.
            2. Em Tipo , selecione Imagem .
            3. Na seção Definir aparência, em Estilo campo, insira Nome .
            4. Na seção Definir aparência, em Valor , insira o nome de um ícone de imagem. Para obter uma lista de nomes de ícones de imagem, consulte Ícones de imagem.
            5. Selecione Save (Salvar).
        5. Adicione uma contagem de selo para indicar o número de registros que aguardam a atenção dos usuários para esta guia.
          1. Selecione Novo Na seção Contagem de crachá.
          2. Insira um nome para a contagem de crachá no Nome campo.
          3. Selecione se o selo deve ser exibido na guia de navegação, usando Ativo alternar.
          4. Na seção Dados, selecione a tabela na qual você deseja aplicar o filtro de condição.
          5. Na seção Condições, crie condições usadas para contar registros que correspondam à condição para determinar a contagem do selo. Os registros que correspondem à condição são exibidos como uma contagem na guia de navegação. Para obter mais informações sobre como configurar contagens de selos na IU baseada na Web, consulte Configurar contagens de crachá nas barras de navegação.
          6. Na seção Posicionamento do selo, os campos Local , Componente móvel e Componente todos contêm valores predefinidos.
          7. Selecione Save (Salvar).
        6. Adicione permissões de critérios do usuário para determinar quais critérios um usuário deve atender para ver esta guia na barra de navegação. Para obter mais informações, consulte Permissões de critérios e funções de usuário para aplicativos para celular.
      4. Selecione Save (Salvar).
    7. Selecione Save (Salvar).
    8. Selecione o registro da Barra de navegação na árvore de navegação para exibir as guias de navegação selecionadas.
    9. Defina a ordem das guias de navegação a serem exibidas na barra de navegação, fazendo o seguinte.
      1. Selecione o valor na coluna Ordem da guia de navegação que você deseja definir.
      2. Insira um valor de pedido.
        Nota:
        As guias de navegação com valores inferiores são exibidas à esquerda da barra de navegação.
      3. Selecione a opção de verificação
      4. Repita essas etapas para cada uma das guias de navegação que você deseja solicitar.
    10. Selecione Save (Salvar).