Ajout de barres d’application et de barres d’outils (HTML)
[ Cet article est destiné aux développeurs 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 ]
Utilisez les barres d’application pour afficher les commandes en rapport avec le contexte de l’utilisateur, généralement la page ou la sélection active. La barre d’application représente une surface de commande qui prend l’état ouvert lorsque l’utilisateur appuie sur l’ellipse de la barre d’application, affichant les étiquettes des boutons icônes et des éléments de menu (si l’option est activée). Une AppBarCommand peut être « principale » ou « secondaire ». Les commandes principales sont visibles en tant que commandes de bouton si l’espace est suffisant dans la barre d’application et les commandes secondaires sont toujours masquées en tant que commandes de menu dans la zone de débordement. Les barres d’application peuvent uniquement être positionnées en haut ou en bas de l’affichage de l’application et sont toujours superposées au Canvas.
.png "Exemple de barre d’application")
La barre d’outils est une forme spécialisée de la barre d’application. Il s’agit d’un contrôle simple qui assure l’extensibilité des commandes. Ce contrôle dispose d’une zone d’action dans laquelle les commandes sont immédiatement disponibles et d’une zone de débordement dans laquelle les commandes sont masquées, mais peuvent être affichées à la demande de l’utilisateur final. Le contrôle prend en charge le comportement adaptatif en autorisant les commandes à se déplacer dynamiquement depuis la zone principale vers la zone secondaire lorsque l’espace est limité. La barre d’outils n’est pas limitée à un emplacement unique dans une application, mais peut se trouver à différents emplacements tels que AppBar, Canvas et le menu volant.
Vous pouvez essayer de travailler avec des barres d’application, des barres d’outils et d’autres fonctionnalités clés de la bibliothèque Windows pour JavaScript (WinJS) sur le site web Essayer WinJS.
L’élément important à garder à l’esprit est que les barres d’application et les barres d’outils présentent seulement quelques différences :
- La barre d’application est une superposition à abandon interactif, ce qui signifie qu’elle recouvrira toujours une partie de l’écran.
- La barre d’application, comme toute superposition à abandon interactif, doit toujours être un enfant direct de l’élément <body>.
- La barre d’outils, lorsqu’elle est fermée, n’est pas une superposition, ce qui signifie qu’elle doit posséder son propre espace de disposition, comme n’importe quel autre composant.
- La barre d’outils, lorsqu’elle est ouverte, agit comme une superposition et recouvre le contenu à proximité en s’étendant verticalement.
Dans cette section
| Rubrique | Description |
|---|---|
ToolBar est un contrôle simple qui traite l’extensibilité de la commande. Il dispose d’une action area dans laquelle les commandes sont immédiatement disponibles et d’une overflow area dans laquelle les commandes sont masquées, mais peuvent être affichées à la demande de l’utilisateur final. Le contrôle prend en charge le comportement adaptatif en autorisant les commandes à se déplacer dynamiquement depuis la zone principale vers la zone secondaire lorsque l’espace est limité. ToolBar n’est pas limitée à un emplacement unique dans une application, mais peut se trouver à différents emplacements tels que Splitview, Flyout et canvas. |
|
Cet article explique comment ajouter une barre d’application à votre application Windows Runtime en JavaScript. |
|
Ajout d’une barre d’application avec du contenu personnalisé (HTML) |
Vous avez la possibilité d’ajouter une barre d’application avec du contenu personnalisé à votre application du Windows Store en JavaScript. |
Comment faire fonctionner les barres d’application avec les contrôles ListView |
Cette procédure explique l’interaction entre le contrôle ListView et la barre d’application permettant de prendre en charge ces scénarios tout en suivant les pratiques recommandées en matière de barres d’application. |
Application d’un style aux barres d’application et aux barres d’outils (HTML) |
Fournit des exemples illustrant comment appliquer un style à une barre d’outils ou une barre d’application et à leurs contrôles. |