Windows Dev Center

Langage: HTML | XAML

Ajout de barres d’application (XAML)

Utilisez les barres d’applications pour présenter aux utilisateurs les éléments de navigation, les commandes et les outils. Les barres d’applications sont masquées par défaut et apparaissent lorsque l’utilisateur fait glisser un doigt depuis le bord inférieur de l’écran ou qu’il clique avec le bouton droit d’une souris. Elles couvrent le contenu de l’application et peuvent être refermées par l’utilisateur par un simple balayage latéral ou en interagissant avec l’application. Les barres d’applications répondent automatiquement au balayage latéral et peuvent être affichées ou masquées par programme.

Contrôle de barre de l’application inférieure

L’infrastructure XAML fournit les contrôles CommandBar et AppBar qui permettent d’afficher l’interface utilisateur qui apparaît sur le bord supérieur ou inférieur de l’écran par un simple balayage latéral.

Lorsque vous avez besoin d’une barre d’application qui contient uniquement les contrôles AppBarButton,AppBarToggleButton et AppBarSeparator, utilisez un contrôle CommandBar. Le contrôle CommandBar simplifie la création de barres d’application de base en fournissant :

  • une disposition automatique des commandes, avec les commandes principales à droite et les commandes secondaires à gauche ;
  • un redimensionnement automatique des commandes de barre d’application quand la taille de l’application change.

Si vous avez besoin de contenu plus complexe, notamment des images, des barres de progression ou des blocs de texte, utilisez un contrôle AppBar. Vous pouvez utiliser un contrôle AppBar avec du contenu personnalisé pour créer une barre d’outils ou une interface utilisateur de navigation. Lorsque vous placez vos commandes dans un contrôle AppBar, vous devez redimensionner et réorganiser le contenu du contrôle AppBar en fonction de la taille de l’écran.

Pour plus d’informations sur la conception de barres d’application, voir Recommandations en matière de barres d’application.

Si vous souhaitez essayer d’utiliser les barres d’applications et d’autres fonctionnalités clés de Windows 8, téléchargez les ateliers pratiques pour Windows 8. Ces laboratoires constituent une introduction modulaire pas à pas à la création d’un exemple d’application du Windows Store dans le langage de programmation de votre choix (JavaScript et HTML ou C# et XAML).

Dans cette section

RubriqueDescription

Démarrage rapide : ajout de barres d’application

Utilisez des barres d’application pour afficher la navigation, des commandes et des outils qui peuvent être masqués lorsqu’ils ne présentent pas d’intérêt.

Démarrage rapide : ajout de boutons à la barre de l’application

Les commandes figurant dans une barre d’application s’affichent généralement à l’aide d’un style spécial avec un bouton arrondi, une icône et une étiquette de texte. Vous pouvez utiliser les contrôles AppBarButton, AppBarToggleButton et AppBarSeparator pour créer plus facilement des barres d’application qui reflètent les règles de conception et les comportements appropriés.

Comment utiliser une barre de l’application avec différentes tailles

Lorsqu’un utilisateur réduit la largeur d’une application, l’espace horizontal peut s’avérer insuffisant pour afficher les commandes. Si la barre de l’application contient trop de boutons, vous devez effectuer quelques réglages pour afficher correctement les boutons dans un espace plus étroit.

Comment ajouter des commandes contextuelles à une barre de l’application

Vous pouvez ajouter des commandes à une barre de l’application en fonction de la sélection ou de la navigation de l’utilisateur.

Comment ajouter un menu à une barre de l’application

Utilisez un menu pour ajouter un ensemble de commandes associées à une barre de l’application.

Comment partager une barre de l’application entre des pages

Utilisez une barre de l’application commune à plusieurs pages dans votre application.

Styles et modèles de contrôle AppBar

Cette rubrique décrit les styles et les modèles du contrôle AppBar.

Styles et modèles de contrôle CommandBar

Cette rubrique décrit les styles et les modèles du contrôle CommandBar.

Styles et modèles de contrôle AppBarButton

Cette rubrique décrit les styles et les modèles du contrôle AppBarButton.

Styles et modèles de contrôle AppBarToggleButton

Cette rubrique décrit les styles et les modèles du contrôle AppBarToggleButton.

Styles et modèles de contrôle AppBarSeparator

Cette rubrique décrit les styles et les modèles du contrôle AppBarSeparator.

Images des styles de bouton AppBar

Images des styles de bouton AppBar incluses dans StandardStyles.xaml.

 

Rubriques associées

Ajout de contrôles et de contenu
Pour les concepteurs
Modèles de navigation
Modèles de commandes
Disposition
Hub
Barre de l’application inférieure
Barre de l’application supérieure
Bouton Précédent
Recommandations en matière de barres d’application
Recommandations en matière de contrôle Hub
Rendre la barre de l’application accessible
Pour les développeurs (XAML)
Votre première application - Troisième partie : navigation, disposition et vues
Votre première application - Ajouter une navigation et des vues à une application du Windows Store en C++ (didacticiel 3 sur 4)
Navigation entre les pages
Windows.UI.Xaml.Controls AppBar class
Windows.UI.Xaml.Controls CommandBar class
Windows.UI.Xaml.Controls Hub class
Exemple de contrôle de barre de l’application XAML
Exemple de navigation XAML
Exemple de contrôle Hub XAML

 

 

Afficher:
© 2015 Microsoft