Navegando entre as páginas (HTML)

Artigo
12/12/2015

[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente]

Saiba como oferecer suporte para navegação entre páginas e conteúdo em seu aplicativo.

A maioria dos aplicativos tem várias páginas de conteúdo e funcionalidades, que os usuários podem explorar e usar. Aqui, vamos explicar como os aplicativos geralmente usam um modelo de navegação de página única e mostraremos como implementar a navegação usando controles dedicados fornecidos com o WinJS (Biblioteca do Windows para JavaScript).

A navegação de várias páginas é utilizada para navegar entre páginas ou telas, independentemente do contexto do aplicativo. Isso é bem característico de páginas da Web em um site, em contraposição a um aplicativo. Cada página tem seu próprio conjunto de funções JavaScript e dados, um novo conjunto de marcações HTML para exibição e informações de estilo.

O modelo de navegação de página única, por sua vez, usa uma única página para manter o contexto do aplicativo e carregar dados e conteúdo adicionais, conforme o necessário. O aplicativo continua dividido em vários arquivos, mas, em vez de se mover de página para página, ele carrega outros documentos na página principal. Como a página principal do aplicativo nunca é descarregada, seus scripts permanecem sempre carregados, o que facilita o gerenciamento de estado, transições ou animações. Recomendamos que os aplicativos usem o modelo de navegação de página única.

Os modelos de projeto em JavaScript do Microsoft Visual Studio para aplicativos que usam o modelo de navegação de página única. Nesse modelo, as páginas HTML são carregadas por meio do URI em um único contexto no âmbito do aplicativo. As páginas são carregadas conforme necessário, geralmente em resposta às ações do usuário.

Para obter ajuda sobre como escolher o melhor padrão de navegação para o seu aplicativo, veja Padrões de navegação.

Veja os padrões navegação simples e navegação hierárquica em ação como parte da nossa série Recursos do aplicativo, do começo ao fim.

Nesta seção

Tópico	Descrição
Guia de início rápido: usando a navegação de página única	Saiba mais sobre o modelo de navegação de página única e como você pode implementá-lo no seu próprio aplicativo usando objetos e PageControl e recursos WinJS.Navigation.
Guia de início rápido: adicionando uma barra de navegação	Saiba como adicionar uma barra de navegação (também chamada de "NavBar" ou "barra de aplicativos superior") ao seu aplicativo da Windows Store em JavaScript.
Guia de início rápido: usando um controle hub para layout e navegação	Saiba como adicionar um controle Hub ao seu aplicativo da Windows Store em JavaScript.
Guia de início rápido: usando um controle pivô para layout e navegação	Saiba como usar um controle WinJS.UI.Pivot para layout e navegação em seu aplicativo do Windows Phone 8.1.
Como vincular para páginas da Web externas	Saiba como conectar-se a páginas da Web externas e exibi-las em seu aplicativo.