Navigation entre les pages (HTML)
[ Cet article est destiné aux développeurs de Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]
Apprenez comment prendre en charge la navigation entre les pages et le contenu dans votre application.
La plupart des applications disposent de plusieurs pages de contenu et de fonctionnalités que les utilisateurs peuvent explorer et trouver intéressantes. Nous expliquons ici comment les applications utilisent en général un modèle de navigation sur une seule page et montrons comment implémenter la navigation en utilisant des contrôles dédiés fournis avec la bibliothèque Windows pour JavaScript (WinJS).
La navigation multipage permet de naviguer entre les pages ou les écrans sans se soucier du contexte de l’application. Cela est très classique pour les pages Web d’un site Web contrairement à une application. Chaque page a son propre jeu de fonctions et de données JavaScript, un nouveau jeu de balisage HTML à afficher et des informations de style.
À l’inverse, un modèle de navigation sur une seule page utilise une seule page pour gérer le contexte de l’application et charger du contenu et des données supplémentaires, si nécessaire. Vous fractionnez toujours votre application en plusieurs fichiers, mais au lieu de vous déplacer de page en page, votre application charge d’autres documents dans la page principale. Comme la page principale de votre application n’est jamais déchargée, vos scripts ne le sont pas non plus, ce qui facilite la gestion des états, des transitions ou des animations. Nous vous recommandons d’utiliser le modèle de navigation sur une seule page pour les applications.
Les modèles de projets JavaScript pour les applications proposées dans Microsoft Visual Studio utilisent le modèle de navigation sur une seule page. Dans ce modèle, les pages HTML sont chargées par l’intermédiaire de l’URI de la page dans un contexte unique couvrant l’ensemble de l’application. Les pages sont chargées selon les besoins, généralement en réponse à des actions de l’utilisateur.
Pour vous aider à choisir le meilleur modèle de navigation pour votre application, voir Modèles de navigation.
Voir le modèle de navigation plat et le modèle de navigation hiérarchique en action dans le cadre de notre série Fonctionnalités d’application de A à Z.
Dans cette section
Rubrique | Description |
---|---|
Démarrage rapide : utilisation de la navigation sur une seule page |
Découvrez le modèle de navigation sur une seule page et comment l’implémenter dans votre propre application à l’aide des objets PageControl et des fonctionnalités WinJS.Navigation. |
Découvrez comment ajouter une barre de navigation (également appelée "NavBar" ou "barre d’application supérieure") à votre application du Windows Store en JavaScript. |
|
Démarrage rapide : utilisation d’un contrôle Hub pour la disposition et la navigation |
Découvrez comment ajouter un contrôle Hub à votre application du Windows Store en JavaScript. |
Démarrage rapide : utilisation d’un contrôle pivot pour la disposition et la navigation |
Découvrez comment utiliser un contrôle WinJS.UI.Pivot pour la disposition et la navigation dans votre application Windows Phone 8.1. |
Découvrez comment créer des liens vers des pages Web externes et les afficher dans votre application. |
Rubriques associées
Pour les développeurs
Votre première application - Troisième partie : objets PageControl et navigation
Démarrage rapide : utilisation de la navigation sur une seule page
Démarrage rapide : ajout d’une barre de navigation (NavBar)
Démarrage rapide : utilisation d’un contrôle Hub pour la disposition et la navigation
Exemple de contrôle AppBar HTML
Exemple de contrôle NavBar HTML
Exemple de navigation et d’historique de navigation
Pour les concepteurs
Recommandations en matière de contrôle Hub