Partager via

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

  • Article

Visual Studio et Blend pour Visual Studio fournissent tous deux des outils visuels pour créer des interfaces utilisateur attrayantes et des expériences multimédias enrichies avec XAML pour divers types d’applications. Les deux environnements de développement intégré (IDE) partagent un ensemble commun de fonctionnalités, notamment 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 avoir le même projet ouvert en même temps dans les deux IDE. Les modifications enregistrées dans des fichiers XAML dans un IDE peuvent être appliquées via un rechargement automatique lorsque vous basculez vers l’autre IDE. Vous pouvez contrôler le comportement de rechargement en accédant à Tools>Options>Environment>Documents dans l’un ou l’autre 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é.

    capture d’écran Capture d’écran de la charge de travail de développement Desktop .NET de Visual Studio Installer Visual Studio Installer

  • Pour créer des applications UWP, installez le workload de développement de la Plateforme Windows Universelle dans Visual Studio. Blend pour Visual Studio sera également installé.

    Capture d’écran Capture d’écran de la charge de travail développement de plateforme Windows universelle à partir de Visual Studio Installer

Fonctionnalités partagées

Pour la plupart des tâches de développement fondamentales, Visual Studio et Blend pour Visual Studio partagent le même ensemble de fenêtres et de fonctionnalités, avec quelques différences subtiles. Voici quelques points forts :

  • IntelliSense : Les deux IDE prennent en charge les fonctionnalités IntelliSense telles que la complétion 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 et barres d’outils de débogage 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 se rechargent automatiquement lorsque vous passez d'un IDE à un autre. Vous pouvez contrôler le comportement de rechargement en accédant à Tools>Options>Environment>Documents dans l’un ou l’autre IDE.

  • Dispositions et paramètres synchronisés : Les dispositions et les préférences des paramètres des fenêtres d'outils de personnalisation de la 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. Voir Synchroniser les paramètres entre plusieurs ordinateurs.

Fonctionnalités avancées dans Blend pour Visual Studio

Pour augmenter votre productivité, envisagez d’utiliser Blend pour Visual Studio pour les tâches suivantes. Il s’agit des domaines où Blend pour Visual Studio offre plus de fonctionnalités que le concepteur ou le code Visual Studio seul.

Tâche Visual Studio Blend pour Visual Studio Plus d’informations
Concevoir des états visuels Il n’existe aucun outil pour vous aider à concevoir des états visuels ; vous devez les créer par programmation. Utilisez des 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 pour les animations ; vous devez les créer par programmation. Cela nécessite une compréhension du système d’animation et de minutage dans WPF et une expertise approfondie en codage. Vous créez visuellement des animations et pouvez les afficher en préversion dans Blend pour Visual Studio. Cela est plus rapide et plus précis que la création de vos animations dans le code. Vous pouvez ajouter des déclencheurs pour gérer l’interaction utilisateur et passer au code pour ajouter des gestionnaires d’événements et d’autres fonctionnalités. Animer des objets
transformer les formes et le texte en chemins pour faciliter la manipulation Non pris en charge. Vous pouvez apporter des modifications subtiles ou spectaculaires aux formes (comme les rectangles et les ellipses) en les convertissant en chemins, ce qui offre un meilleur contrôle de modification. Vous pouvez remodeler ou combiner des chemins et créer des chemins composés à partir de plusieurs formes.

Vous pouvez également convertir des blocs de texte en chemins pour les manipuler en tant qu’images vectorielles.		 dessiner des formes et des tracés
Modifier les contrôles, les modèles et les styles Nécessite le codage et la connaissance des styles et des modèles WPF. Transformez n’importe quelle image en contrôle.

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

Par exemple, vous pouvez utiliser Blend pour les ressources de style Visual Studio pour implémenter des contrôles WPF courants (tels que des boutons, des zones de liste, des barres de défilement, des menus, etc.) et modifier leur couleur, leur style ou leur modèle sous-jacent directement dans Blend pour Visual Studio. Vous pouvez ensuite passer au code pour apporter les touches finales si vous le souhaitez.		 Modifier le style des objets
Connecter votre interface utilisateur aux données Vous pouvez créer une source de données à partir de ressources telles qu’une base de données SQL Server, WCF ou un service web, un objet ou une liste SharePoint, puis lier la source de données à vos contrôles d’interface utilisateur.

Les données au moment du design doivent être créées manuellement pour une expérience de conception interactive.		 Pour les applications .NET Framework, créez facilement des exemples de données pour le prototypage et le test. Passez aux données en temps réel lorsque vous êtes prêt.

Blend pour les fonctionnalités de génération de données de Visual Studio est exceptionnel (vous pouvez ajouter des noms, des nombres, des URL et des photos facilement à la volée), et vous pouvez gagner beaucoup de temps.

Pour les données actives, vous pouvez lier vos contrôles d’interface utilisateur à un fichier XML ou à n’importe quelle source de données CLR.		 Afficher les 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.

Contenu connexe