Navegação do aplicativo em aplicativos baseados em modelo

Em um aplicativo baseado em modelo, existem os três principais componentes de navegação de runtime do aplicativo.

1. Áreas - Para aplicativos com mais de uma área, um controle switch é exibido no painel de navegação inferior esquerdo. Na captura de tela abaixo, a área atual é denominada Contas.

2. Grupos - Os nomes de grupos aparecem como um elemento de navegação em um aplicativo com os nomes de subáreas no grupo listado abaixo. Na captura de tela abaixo, um grupo é denominado Contas e o outro é denominado Novo Grupo.

3. Subáreas - Subáreas e páginas aparecem no grupo em que estão configuradas no designer de aplicativo. Na captura de tela abaixo, uma subárea é denominada Receita de todas as contas e outra subárea é denominada Contatos.

   

Por padrão, a navegação de um novo aplicativo baseado em modelo inclui uma área chamada Área1, um grupo chamado Grupo1 e uma subárea chamada Subárea1. É possível alterar os nomes de área, grupo e subárea padrão para algo que seja mais significativo para os usuários ou configurar um mapa do site diferente.

Criar uma área

Por padrão, a capacidade de criar áreas adicionais está desabilitada. Áreas são habilitadas por padrão para aplicativos com várias áreas existentes.

Habilitar áreas

1. No painel de navegação esquerdo, selecione Navegação.
2. Selecione Barra de navegação para exibir as propriedades de navegação no painel direito.
3. No painel de propriedades da barra de navegação direita, selecione Habilitar Áreas.

Adicionar uma nova área

1. No painel de navegação esquerdo, selecione Navegação.

2. Selecione Adicionar e, depois, Área.

3. Preencha o painel de propriedades para a área:

   • Título: insira um título usado para descrever a área.
   • ID: o sistema gera um identificador para a área. Aceite a ID gerada pelo sistema ou insira uma nova.

4. Para salvar as alterações de navegação do aplicativo, selecione Salvar.

5. Para publicar e disponibilizar as alterações para outros usuários, selecione Publicar.

Criar um grupo

Para criar um novo grupo, conclua as seguintes etapas:

1. No painel de navegação esquerdo, selecione Navegação.

2. Selecione Adicionar e, depois, Grupo.

3. Preencha o painel de propriedades para o grupo:

   • Título: insira um título usado para descrever o grupo.
   • ID: o sistema gera um identificador para o grupo. Aceite a ID gerada pelo sistema ou insira uma nova.
   • Títulos localizados: adicione títulos localizados para o título do grupo. Mais informações: Traduzir texto localizável para aplicativos baseados em modelo

4. Para salvar as alterações de navegação do aplicativo, selecione Salvar.

5. Para publicar e disponibilizar as alterações para outros usuários, selecione Publicar.

Criar uma subárea

Para criar uma nova subárea, conclua as seguintes etapas:

1. No painel de navegação esquerdo, selecione Navegação.

2. Selecione Adicionar e, depois, Subárea.

3. Complete o painel Nova subárea.

   • Tipo de conteúdo: selecione Tabela ou Painel.
   • Tabela ou Painel: dependendo do tipo de conteúdo selecionado, selecione uma tabela ou um painel da lista.
   • Título: deixe o título padrão ou insira um título usado para descrever a subárea.
   • Ícone: os ícones aparecem à esquerda do título da subárea. Para adicionar um ícone, selecione Sem ícone para navegar e selecionar um recurso da Web existente, ou selecione Novo para criar um. Mais informações: Criar ou editar recursos da Web de aplicativos baseados em modelo para estender um aplicativo
   • ID: o sistema gera um identificador para a subárea. Aceite a ID gerada pelo sistema ou insira uma nova.
   • Títulos localizados: adicione títulos localizados para o título da subárea. Mais informações: Traduzir texto localizável para aplicativos baseados em modelo

4. Para salvar as alterações de navegação do aplicativo, selecione Salvar.

5. Para publicar e disponibilizar as alterações para outros usuários, selecione Publicar.

Adicionar uma URL a um aplicativo

Uma URL é um tipo de subárea na navegação do aplicativo. Quando o usuário seleciona a subárea, a URL é aberta em uma nova guia no navegador da Web.

Observação

Por padrão, as subáreas da URL estão desativadas. Para habilitar, acesse Opções do painel de navegação.

1. No designer de aplicativo baseado em modelo, selecione Navegação > Adicionar > Subárea.

2. Nas propriedades da subárea, insira as seguintes informações:

   • Tipo de conteúdo: URL.
   • URL: insira a URL completa, como https://www.microsoft.com.
   • Título: insira um título para o componente de URL.
   • Ícone: use o ícone padrão, selecione um ícone diferente de um recurso da Web existente ou crie um novo recurso da Web.

   

3. Selecione Salvar e Publicar.

Remova um grupo, subárea ou área

1. No painel de navegação esquerdo, selecione Navegação.
2. Selecione o grupo ou subárea desejada, selecione as reticências (...) e, depois, Remover.

Confira também

Visão geral do designer de aplicativo baseado em modelo (versão preliminar)