Idioma: HTML | XAML

Navegando entre páginas (aplicativos da Windows Store em JavaScript e HTML)

Applies to Windows and Windows Phone

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 do Microsoft Visual Studio para aplicativos em JavaScript 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ópicoDescriçã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 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.

 

Tópicos relacionados

Para desenvolvedores
Seu primeiro aplicativo - Parte 3: objetos de PageControl e navegação.
Adicionando barras de aplicativos
Guia de início rápido: usando a navegação de página única
Guia de início rápido: adicionando uma barra de navegação (NavBar)
Guia de início rápido: usando um controle hub para layout e navegação
WinJS.Navigation Namespace
WinJS.UI.Hub object
WinJS.UI.AppBar object
WinJS.UI.NavBar object
WinJS.UI.BackButton object
Exemplo de controle HTML Hub
Exemplo de controle AppBar em HTML
Exemplo de controle HTML NavBar
Navegação e exemplo de histórico de navegação
Para designers
Padrões de navegação
Padrões de comando
Layout
Botão Voltar
Diretrizes do controle hub
Diretrizes de barras do aplicativo
Tornando a barra de aplicativos acessível

 

 

Mostrar:
© 2014 Microsoft