Création d'une interface utilisateur à l'aide de Blend pour Visual Studio
Pour afficher l’article en anglais, activez la case d’option Anglais. Vous pouvez aussi afficher la version anglaise dans une fenêtre contextuelle en faisant glisser le pointeur de la souris sur le texte.
Traduction
Anglais

Création d'une interface utilisateur à l'aide de Blend pour Visual Studio

 

Blend pour Visual Studio vous aide à concevoir des applications de bureau Windows, web, Windows Phone et Windows Store basées sur le langage XAML. Il fournit la même expérience de conception XAML de base que Visual Studio et ajoute des concepteurs visuels pour des tâches avancées telles que les animations et les comportements.

Si vous débutez avec Blend pour Visual Studio, prenez un moment pour vous familiariser avec les fonctionnalités uniques de l'espace de travail. Cette rubrique vous en livre une présentation rapide.

System_CAPS_noteRemarque

Pour parcourir les fonctionnalités de conception partagées telles que la planche graphique, la fenêtre Structure du document et la fenêtre Périphérique, consultez Création d'une interface utilisateur à l'aide du concepteur XAML dans Visual Studio.

Dans cette rubrique :

Vous pouvez utiliser le panneau Outils dans Blend pour Visual Studio pour créer et modifier les objets de votre application. Vous créez les objets en sélectionnant un outil, puis en dessinant sur la planche graphique à l'aide de la souris.

Outils de sélection   Permet de sélectionner les objets et les tracés.

L'outil Sous-sélection permet de sélectionner les objets imbriqués et les segments de tracé.

Légende A

Outils de dégradé et de pinceau

Outils d'affichage   Permet d'ajuster la vue de la planche graphique, par exemple pour l'affichage panoramique et le zoom.

Légende B

Outils de tracé

Outils de pinceau   Permet de manipuler les attributs visuels d'un objet, notamment de transformer un pinceau, peindre un objet ou sélectionner les attributs d'un objet pour les appliquer à un autre.

Légende C

Outils de forme

Outils d'objet   Permet de dessiner les objets les plus courants sur la planche graphique, tels que tracés, formes, panneaux de disposition, texte et contrôles.

Légende D

Panneaux de disposition

Outils de composant   Donne accès au panneau Composants et affiche le dernier composant de bibliothèque utilisé.

Légende E

Contrôles de texte  

Légende F

Contrôles courants  

Regardez une courte vidéo : Configurer les fonctionnalités installées La barre d'outils.

Tous les contrôles se trouvent dans le panneau Composants, à l'image de la boîte à outils de Visual Studio. Outre les contrôles, vous y trouverez tout ce que vous pouvez ajouter à la planche graphique dans le panneau Composants, notamment des styles, des médias, des comportements et des effets.

Zone de recherche   Complétez la zone Rechercher pour filtrer la liste des composants.

Mode Grille et mode Liste   Passez du mode Grille au mode Liste des composants.

Catégories Composants   Cliquez sur une catégorie ou une sous-catégorie pour afficher la liste des composants dans cette catégorie.

Styles   Affiche tous les styles contenus dans le dictionnaire de ressources.

Description Affiche une description de la catégorie ou sous-catégorie de composants sélectionnée.

Ce panneau permet de disposer les objets sur la planche graphique et éventuellement de les animer.

Vue d'objets   Affiche une arborescence visuelle d'un document. Vous pouvez explorer divers niveaux de détail. Vous pouvez aussi ajouter des couches pour mieux disposer les objets sur la planche graphique. Vous pouvez ainsi les verrouiller et les masquer en groupe.

Indicateur du mode d'enregistrement   Indique si vous enregistrez les modifications apportées aux propriétés dans une chronologie.

Sélecteur d'animations   Affiche la liste des animations que vous avez créées.

Fermer l'animation   Ferme l'animation active.

Options d'animation   Permet de créer, dupliquer, inverser, supprimer, renommer ou fermer une animation.

Contrôles de lecture   Permet de parcourir la chronologie. Vous pouvez également faire glisser le curseur de lecture pour naviguer (ou lire à vitesse variable) dans la chronologie.

Rétablir l'étendue à   Permet de rétablir l'objet racine précédent ou l'étendue précédente de la vue d'objets. Cela n'est possible qu'à l'occasion de la modification d'un style ou d'un modèle.

Enregistrer une image clé   Permet d'enregistrer un instantané des propriétés de l'objet sélectionné au moment dans le temps actuel.

Options d'alignement   Permet de définir l'alignement de la chronologie, la résolution de l'alignement et de désactiver l'alignement de la chronologie.

Afficher/masquer, Verrouiller/déverrouiller   Permet d'afficher ou de masquer les options de visibilité et de verrouillage de la vue d'objets.

Position de la tête de lecture dans la chronologie   Affiche le temps actuel en millisecondes. Il est également possible d’entrer une valeur de temps directement dans ce champ pour atteindre un instant particulier. La précision dépend de la résolution d'alignement définie dans Options d'alignement.

Tête de lecture   Indique à quel point dans le temps se situe l'animation. Vous pouvez faire glisser la tête de lecture sur la chronologie pour afficher un aperçu de l'animation.

Images clés définies sur les chronologies   Permet de modifier une valeur de propriété à un moment précis dans le temps.

Modifier l'ordre des objets   Permet de définir l'ordre d'affichage des objets. Cliquez sur ce bouton pour disposer les objets dans la vue de structure selon l'ordre de plan (de l'avant vers l'arrière) ou l'ordre des balises (ordre dans lequel elles sont affichées dans la vue XAML).

Zoom de la chronologie   Permet de définir la résolution du zoom de la chronologie. Un zoom avant permet de modifier une animation avec plus de détails, alors qu'un zoom arrière donne un plus large aperçu de ce qu'il se passe sur une période plus longue. Si vous faites un zoom avant, mais que vous ne pouvez pas définir d'image clé à un moment précis dans le temps, vérifiez que la résolution d'alignement définie est suffisamment élevée.

Zone de composition de la chronologie   Permet d'afficher la chronologie et de déplacer des images clés par glisser ou via leurs menus contextuels.

Cet panneau permet d'afficher et de modifier les propriétés d'un objet. Vous pouvez aussi les définir directement sur la planche graphique. Dans ce cas, les modifications apportées aux propriétés sont répercutées dans le panneau Propriétés.

Catégories   Permet de développer et réduire les catégories de propriétés. Cliquez sur Développer  et Réduire Réduire pour afficher ou masquer les détails de catégorie.

Nom et Type   Affiche l'icône, le nom et le type de l'objet sélectionné.

Réorganiser par Permet d'organiser les propriétés par ordre alphabétique par nom, source ou catégorie.

Propriétés de pinceau   Permet de définir les propriétés visuelles des pinceaux, tels que les pinceaux Remplissage, Trait et Premier plan.

Éditeur de couleurs   Utilisez cette option pour les pinceaux de dégradé et de couleur unie.

Sélecteur de couleurs   Permet de sélectionner une couleur.

Échantillons de couleur   Présentent la couleur initiale, la couleur active et la dernière couleur.

Pipettes   Permet d'utiliser la couleur d'un élément sur l'écran. La Pipette de couleur est disponible quand le Pinceau de couleur unie est sélectionné. La Pipette de dégradé est disponible lorsque le Pinceau de dégradé est sélectionné.

Propriétés et événements   Permet de définir les propriétés ou de choisir des événements pour un élément sélectionné.

Zone de recherche   Permet de recherche des propriétés. Filtrez les propriétés affichées en complétant la zone Rechercher.

Onglets Éditeur de pinceaux   Utilisez cette option pour sélectionner un éditeur de pinceaux. Vous pouvez choisir Aucun pinceau, Pinceau de couleur unie, Pinceau de dégradé, Pinceau de mosaïque ou Ressources de pinceau.

Ressources de couleur   Permet d'appliquer exactement la même couleur à différentes propriétés. L’onglet Ressources de couleur inclut les ressources locales et les ressources système.

Espace de couleurs RVB   Permet de modifier la couleur en ajustant les valeurs des éditeurs de nombres R, V ou B (rouge, vert, bleu).

Canal alpha   Modifiez la valeur alpha à l'aide de l'éditeur de numéros en regard de A.

Convertir la couleur en ressource   Permet de convertir la couleur sélectionnée en ressource de couleur. Les ressources de couleur sont disponibles quand vous cliquez sur l'onglet Ressources de couleur.

Valeur hexadécimale   Affiche la valeur hexadécimale de la couleur affichée.

Curseur de dégradé   S'affiche uniquement si un pinceau de dégradé est sélectionné.

Afficher les propriétés avancées   Affiche les catégories de propriétés moins fréquemment utilisées.

Regardez une courte vidéo : Configurer les fonctionnalités installées Panneau Propriétés.

Afficher:
© 2016 Microsoft