Panneau Périphérique (XAML)

Le panneau Périphérique inclut des paramètres pour vous aider à simuler les différentes vues de votre application au moment de l'exécution.

Vous pouvez également personnaliser l'apparence des vues en modifiant les états d'affichage de l'application dans le Panneau États.

Panneau Périphérique

Volet Périphérique

Légende 1

Affichage Utilisez cette option pour simuler différentes vues de votre application au moment de la conception, notamment Portrait, Paysage, Rempli ou Aligné.

Légende 2

État visuel Utilisez cette option pour sélectionner un état dans le groupe ApplicationViewStates pour afficher un aperçu des états visuels et les modifier. L'état Base est sélectionné par défaut.

Légende 3

Activer l'enregistrement d'état Indique si un état visuel est sélectionné dans le groupe ApplicationViewStates. Lorsqu'un état du groupe ApplicationViewStates est sélectionné, la case à cocher d'enregistrement est activée.

Lorsque le mode d'enregistrement est activé, les modifications apportées sur l'aire de conception ou dans le panneau Propriétés sont apportées dans l'état visuel sélectionné et non dans l'état Base.

Légende 4

Afficher Sélectionnez la résolution d'affichage pour laquelle vous souhaitez afficher un aperçu de votre application.

Légende 5

Thème Utilisez cette option pour simuler les thèmes Foncé, Clair et Contraste élevé.

Légende 6

Substituer la mise à l'échelle Utilisez cette option pour simuler l'échelle de l'affichage intégré du périphérique.

Légende 7

Afficher le chrome Activez ou désactivez la case à cocher Afficher le chrome pour activer ou désactiver le cadre de tablette autour de votre application en mode Design.

Légende 8

Détourer pour afficher Activez ou désactivez la case à cocher Détourer pour afficher pour découper le document complet ou montrer l'affichage du document.

Légende 9

Déployer la cible Sélectionnez le périphérique cible sur lequel votre application sera déployée lors de sa génération.

État d'affichage

Les modèles de projet Grille, Fractionné et Vide pour applications Windows Store ont une prise en charge intégrée pour la détection et l'affichage des différentes vues. Utilisez les boutons Afficher du panneau Périphérique pour tester les états visuels et les orientations fournis pour chacune des orientations de votre application.

Les orientations et les états d'affichage suivants sont pris en charge par Blend :

  • FullscreenLandscape L'application est affichée en mode plein écran avec une orientation paysage. Il s'agit de la disposition par défaut.

  • Aligné L'application est alignée sur un côté et la direction panoramique est verticale.

  • Rempli Deux applications sont alignées, chacune sur chaque côté, remplissant l'affichage.

  • FullscreenPortrait L'application est affichée en mode plein écran avec une orientation portrait.

JJ129464.collapse_all(fr-fr,VS.110).gifModification des états d'affichage

Lorsque vous cliquez sur les boutons d'état Affichage dans une application Windows Store générée à l'aide du code XAML, les événements suivants se produisent :

  • Les contrôles qui répondent à l'événement Resize sont mis à jour sur la planche graphique.

  • La largeur et la hauteur du contrôle racine qui héberge la page active ou le contrôle utilisateur sont mises à jour pour correspondre aux valeurs au moment de l'exécution.

  • Le chrome est mis à jour si la case à cocher Afficher le chrome est activée et que Affichage a le mode Aligné ou Rempli.

  • L'état visuel est mis à jour s'il existe un état qui correspond au nom de l'affichage.

    Notes

    Le code d'événement Resize se trouve dans le fichier LayoutAwarePage.

Voir aussi

Concepts

Espace de travail de l'application Blend (XAML)

Planche graphique (XAML)

Panneau Composants (XAML)

Panneau Objets et chronologie (XAML)

Panneau Projets (XAML)

Panneau Propriétés (XAML)

Panneau Résultats (XAML)

Panneau États

Panneau Outils (XAML)