Partager via


Concevoir du code XAML dans Visual Studio et Blend pour Visual Studio

Visual Studio et Blend pour Visual Studio fournissent tous deux des outils visuels conçus pour générer des interfaces utilisateur attrayantes et des expériences multimédias élaborées avec XAML pour différents types d’applications. Ces deux environnements de développement intégré (IDE) partagent un ensemble de fonctionnalités, y compris un éditeur XAML visuel (concepteur). Blend pour Visual Studio, qui prend en charge les plateformes WPF et UWP, fournit des outils supplémentaires pour concevoir des états visuels et créer des animations.

Vous pouvez basculer entre Visual Studio et Blend pour Visual Studio, et vous pouvez même ouvrir un même projet simultanément dans les deux environnements IDE. Les modifications qui ont été enregistrées dans les fichiers XAML dans l’un des environnements IDE peuvent être appliquées par le biais d’un rechargement automatique, lorsque vous basculez vers l’autre environnement IDE. Vous pouvez contrôler le comportement de rechargement en accédant à Outils>Options>Environnement>Documents, dans l’un des environnements IDE.

Installation

  • Pour créer des applications WPF, installez la charge de travail Développement .NET Desktop dans Visual Studio. Blend pour Visual Studio sera également installé.

    Screenshot of the .NET Desktop Development workload from the Visual Studio Installer

  • Pour créer des applications UWP, installez la charge de travail Développement pour la plateforme Windows universelle dans Visual Studio. Blend pour Visual Studio sera également installé.

    Screenshot of the Universal Windows Platform Development workload from the Visual Studio Installer

  • Pour créez des applications Xamarin.Forms, installer la charge de travail Développement mobile en .NET dans Visual Studio. Blend pour Visual Studio n’est pas installé ; Blend ne prend pas en charge les applications Xamarin.Forms.

    Screenshot of the Mobile Development with .NET workload from the Visual Studio Installer

Fonctionnalités partagées

Pour la plupart des tâches de développement de base, Visual Studio et Blend pour Visual Studio partagent le même ensemble de fenêtres et de fonctionnalités, avec quelques légères différences. Les fonctions clés sont notamment les suivantes :

  • IntelliSense : les deux IDE prennent en charge les fonctionnalités IntelliSense telles que la saisie semi-automatique des instructions.

  • Débogage : Vous pouvez déboguer dans Visual Studio et Blend pour Visual Studio, notamment définir des points d’arrêt dans le code pour déboguer une application en cours d’exécution et utiliser Rechargement à chaud pour modifier votre code XAML pendant l’exécution de l’application. Pour maintenir une expérience de débogage cohérente avec Visual Studio, Blend pour Visual Studio inclut la plupart des fenêtres de débogage et barres d’outils de Visual Studio.

  • Rechargement de fichiers : Vous pouvez modifier vos fichiers XAML dans Visual Studio ou Blend pour Visual Studio. Les fichiers modifiés qui ont été enregistrés sont rechargés automatiquement lorsque vous passez d’un IDE à l’autre. Vous pouvez contrôler le comportement de rechargement en accédant à Outils>Options>Environnement>Documents, dans l’un des environnements IDE.

  • Dispositions et paramètres synchronisés : les dispositions et préférences des paramètres de la fenêtre outil de personnalisation de conception pour Visual Studio ou Blend pour Visual Studio sont synchronisées sur vos appareils et versions lorsque vous vous connectez avec le même compte de personnalisation. Consultez Synchroniser les paramètres sur plusieurs ordinateurs.

Fonctionnalités avancées dans Blend pour Visual Studio

Pour accroître votre productivité, utilisez Blend pour Visual Studio pour les tâches suivantes. Pour ces tâches, Blend pour Visual Studio s’avère plus rapide et plus riche en fonctionnalités que le concepteur Visual Studio ou le code seul.

Tâche Visual Studio Blend pour Visual Studio Plus d’informations
Concevoir des états visuels Il n’existe pas d’outil permettant de concevoir des états visuels. Vous devez les créer par programmation. Utilisez les outils de conception pour modifier l’apparence d’un contrôle en fonction de son état. États visuels
Créer des animations Il n'existe aucun outil de conception d'animations ; vous devez les créer par programmation. Cela nécessite une bonne connaissance du système d'animation et de minutage de WPF, ainsi que des compétences étendues en matière de codage. Vous créez les animations de manière visuelle et pouvez en afficher un aperçu dans Blend pour Visual Studio. Il s'agit d'une méthode plus rapide et plus précise que celle qui consiste à créer des animations dans le code. Vous pouvez ajouter des déclencheurs pour gérer l'interaction des utilisateurs et basculer vers le code pour ajouter des gestionnaires d'événements et d'autres fonctionnalités. Animer des objets
Transformer des formes et du texte en tracés pour une manipulation plus facile Non pris en charge. Vous pouvez modifier les formes (telles que des rectangles et des ellipses) de manière subtile ou radicale en les convertissant en tracés, ce qui confère un meilleur contrôle d'édition. Vous pouvez remodeler ou combiner des tracés et créer des tracés composites à partir de plusieurs formes.

Vous pouvez aussi convertir des blocs de texte en tracés pour les manipuler en tant qu'images vectorielles.
Dessiner des formes et des tracés
Modifier des contrôles, des modèles et des styles Nécessite du codage et une connaissance des styles et modèles WPF. Transformez une image en contrôle.

Utilisez les outils d'édition de modèle pour apporter des modifications à des contrôles, styles et modèles en quelques clics de souris.

Par exemple, vous pouvez utiliser les ressources de style Blend pour Visual Studio pour implémenter des contrôles WPF courants (tels que des boutons, zones de liste, barres de défilement, menus, etc.) et modifier leur couleur, style ou modèle sous-jacent directement dans Blend pour Visual Studio. Vous pouvez ensuite basculer vers le code pour apporter des touches finales, le cas échéant.
Modifier le style des objets
Connecter votre interface utilisateur à des données Vous pouvez créer une source de données à partir de ressources, telles que des bases de données SQL Server, des services WCF ou web, des objets ou des listes SharePoint, et lier la source de données aux contrôles de votre interface utilisateur.

Des données doivent être créées manuellement au moment de la conception pour une expérience de conception interactive.
Pour les applications .NET Framework, créez des exemples de données en toute simplicité à des fins de prototypage et de test. Passez à des données en direct dès que vous êtes prêt.

Les capacités de génération de données de Blend pour Visual Studio sont remarquables (vous pouvez facilement ajouter noms, nombres, URL et photos à la volée) et peuvent vous faire gagner beaucoup de temps.

Pour les données en direct, vous pouvez lier les contrôles de votre interface utilisateur à un fichier XML ou à une source de données CLR.
Afficher des données

Pour plus d’informations sur la conception XAML avancée, consultez Créer une interface utilisateur à l’aide de Blend pour Visual Studio.