Nouveautés

Avec Microsoft Expression Blend, vous pouvez créer des sites Web et des applications basés sur Microsoft Silverlight 3, ainsi que des applications bureautiques basées sur Windows Presentation Foundation (WPF) 3.5 avec Service Pack 1 (SP1).

Expression Blend contient une nouvelle prise en charge du prototypage, de l’interactivité via les comportements, des fonctionnalités spéciales de Silverlight, et de la génération d’exemples de données à la volée.

À l’aide de Expression Blend, les concepteurs peuvent créer des applications simples et amusantes à utiliser.

Prototypage

Introduction de SketchFlow

Avec SketchFlow, Expression Blend introduit un nouvel ensemble de fonctions conçues pour simplifier l’utilisation d’expériences utilisateur dynamiques et pour créer des prototypes étonnants.

SketchFlow permet de communiquer les idées de conception aux participants, et de simplifier le recueil des commentaires à l’aide d’annotations. Vous pouvez importer des fichiers Microsoft Office PowerPoint dans les écrans de votre projet. Vous pouvez également exporter des documents Microsoft Office Word qui contiennent des captures de tous vos écrans. Les nouvelles catégories du panneau Composants organisent les styles et autres composants de SketchFlow.

Les concepteurs peuvent utiliser SketchFlow pour modéliser la navigation et la composition d’une application de manière très visuelle. Les prototypes SketchFlow peuvent se réduire à une simple série de croquis mais ils peuvent devenir aussi réels que nécessaire pour communiquer votre intention de conception. SketchFlow utilise les fonctions existantes de Expression Blend. D’autres nouvelles fonctions de Expression Blend, telles que l’importation Photoshop, les états visuels, les comportements et les exemples de données peuvent également être utilisées dans les projets de prototypage.

Pour plus d’informations, voir Prototypage avec SketchFlow.

Conception

Importation de fichiers Photoshop et Illustrator

Expression Blend permet d’importer les fichiers Adobe Photoshop (.psd) et Adobe Illustrator (.ai) directement dans vos projets, tout en conservant les calques, les formes, les éléments de texte, etc., pour simplifier la modification dans Expression Blend.

Pour plus d’informations, voir Importation de fichiers Photoshop et Illustrator.

Remarque :
Les effets directs, les modes de fusion et l’outil Pulvérisation de symboles d’Adobe ne sont pas pris en charge. Lors de l’importation d’un fichier Adobe, Expression Blend affiche un message pour indiquer si des fonctions du fichier importé ne sont pas prises en charge, et les actions à effectuer.

Effets

Expression Blend introduit la prise en charge des effets graphiques de WPF et de Silverlight. Ouvrez le panneau Composants, cliquez sur l’onglet Effets, et faites glisser un effet sur un objet. Vous pouvez modifier les propriétés de l’effet dans le panneau Propriétés.

Pour plus d’informations, voir Application d'effets.

Annotations au moment de la conception

Les concepteurs peuvent à présent ajouter des info-bulles (très semblables aux commentaires Microsoft Visio) à la planche graphique. Ces annotations sont enregistrées dans le fichier XAML sous forme de propriétés jointes. Elles permettent d’améliorer la communication entre les membres de l’équipe. Ces annotations ne s’affichent pas au moment de l’exécution.

Pour plus d’informations, voir Annoter un document.

Panneau Composants

La Bibliothèque de composants a été reconçue et intégrée à un panneau ancrable que vous pouvez laisser ouvert pendant que vous utilisez la planche graphique. Les composants sont classés pour faciliter la recherche et l’organisation.

Pour plus d’informations, voir Panneau Composants.

Contrôles des styles

Création de modèles à partir de la conception graphique

La commande modifiée Créer un contrôle permet de sélectionner une conception graphique sur la planche graphique et de la convertir en apparence (modèle de contrôle) pour un contrôle.

Pour plus d’informations, voir Créer un contrôle utilisateur à partir d'objets existants.

Si vous travaillez dans un projet Silverlight, vous pouvez cliquer avec le bouton droit sur les objets du modèle et cliquer sur Créer une partie pour attribuer des objets de votre contrôle à des rôles spécifiques. Par exemple, si vous convertissez une conception graphique en modèle de contrôle Slider, vous pouvez ensuite sélectionner l’un des objets de votre modèle et lui attribuer le rôle de HorizontalThumb du curseur. Le panneau Parties simplifie la gestion et la création des parties requises par un modèle de contrôle.

Pour plus d’informations, voir Conception de styles pour les parties d’un modèle de contrôle Silverlight et Conseils de conception de styles pour les contrôles Silverlight courants.

Création de modèles TextBox à partir de la conception graphique

Si vous utilisez la commande Créer un contrôle et choisissez soit un contrôle TextBox, soit un élément dérivé d’un contrôle ContentControl, Expression Blend copie les propriétés typographiques à partir de tout objet TextBlock trouvé (dans les objets actuellement convertis) dans la partie appropriée du modèle de contrôle obtenu.

États

Meilleure prise en charge de VSM

La prise en charge de Silverlight Visual State Manager (VSM) dans Expression Blend a été améliorée : l'interface utilisateur du panneau États a été modifiée. Des états supplémentaires s’affichent pour les contrôles, que ces états aient été ou non définis initialement dans votre fichier XAML. En outre, le panneau États affiche un indicateur d’avertissement lors de la modification d’une propriété dans plusieurs groupes d’états. Les états sont à présent pris en charge dans la plupart des scénarios. Par exemple, vous pouvez définir les états dans le document MainWindow.xaml d’un projet Windows Presentation Foundation (WPF).

Pour plus d’informations, voir Définition d'états visuels différents pour un contrôle.

Épinglage d’un état

Vous pouvez épingler un aperçu d’un état dans un groupe d’états tout en modifiant un autre état dans un groupe d’états différent.

Modification de transitions d’états

Vous pouvez sélectionner la table de montage séquentiel pour une transition d’état et la modifier dans le panneau Objets et chronologie.

Dessin dans l’état

Lorsque vous sélectionnez un état et dessinez un nouvel élément, ce dernier n’est visible que dans l’état sélectionné au moment de l’exécution. Cette procédure est appelée dessin dans l’état.

Transitions de disposition en douceur

Vous pouvez créer une transition progressive entre les états qui définissent les modifications apportées aux propriétés de la disposition. Dans les versions précédentes de Expression Blend, si vous modifiiez les propriétés telles que Row, Column, ColumnSpan ou RowSpan d’un objet dans des états différents, la modification était appliquée immédiatement, même si une durée de transition avait été spécifiée. En sélectionnant Activer FluidLayout , vous pouvez déplacer un objet de manière fluide d’une cellule d’un panneau de disposition Grille vers un autre.

Pour plus d’informations, voir Transition douce entre les changements de disposition.

Aperçu des transitions

Vous pouvez afficher un aperçu des transitions en cliquant sur Activer l’aperçu de la transition  dans le panneau États. Lorsque l’aperçu de la transition est activé, la transition actuellement définie entre les deux états s’affiche sur la planche graphique lorsque vous passez d’un état à l’autre, comme au moment de l’exécution.

Remarque :
L’aperçu de la transition ne prend pas en charge FluidLayout.

Interactivité

Comportements

Les comportements permettent d’ajouter de l’interactivité à votre application sans avoir à écrire de code. Ce sont des composants réutilisables qui peuvent être directement appliqués à tout objet de la planche graphique. En outre, ils sont composés de déclencheurs, d’actions et de comportements extensibles.

Vous pouvez sélectionner des comportements dans le panneau Composants. Mais, les développeurs possèdent une API riche qu’ils peuvent utiliser pour écrire leurs propres déclencheurs, actions et comportements utilisables dans les projets Silverlight et WPF.

Vous trouverez des informations complémentaires sur l’écriture de vos propres comportements dans la documentation du kit SDK de Expression Blend disponible dans le menu Aide.

Pour plus d’informations, voir Ajout de comportements aux objets.

Données

Utilisation d’exemples de données

Expression Blend simplifie le prototypage, la génération et le test des applications connectées aux données sans avoir à accéder aux données actives. Le panneau Données permet de générer des exemples de données ou d’en importer à partir d’un fichier XML. Vous pouvez générer des collections plates ou hiérarchiques (à utiliser dans un contrôle TreeView), et vous pouvez indiquer le contenu à générer pour quatre types de données (String, Number, Boolean, et Image).

Les exemples de données sont disponibles pour les contrôles au moment de la conception. Vous pouvez personnaliser largement vos détails d’exemples de données, et vous pouvez basculer entre l’utilisation d’exemples de données et l’utilisation de données actives au moment de l’exécution.

Pour plus d’informations, voir Création d'un échantillon de données.

Liaison de données

Expression Blend contient les nouvelles fonctions de liaison de données suivantes :

• La capacité à faire glisser les éléments de données du panneau Données vers le panneau Objets et chronologie pour créer des liaisons de données.

• La capacité à lier la propriété d’un objet à celle d’un autre objet dans les projets de Silverlight.

• Prise en charge du contrôle DataGrid dans les applications.

• Prise en charge des scénarios maître/détails en utilisant la vue liste et la vue détails du panneau Données.

• Meilleure prise en charge de la liaison à un contexte de données.

• La capacité à définir des collections hiérarchiques d’exemples de données qui permettent de prototyper des applications connectées aux données.

Pour plus d’informations, voir Affichage de données dans des contrôles.

Exemples de données pour développeurs

Vous pouvez utiliser vos objets métier personnalisés pour définir les exemples de données, et vous pouvez utiliser cette source d’exemple de données dans votre application. Il n’est pas nécessaire de modifier vos objets métier pour qu’ils soient compatibles XAML. Par exemple, Expression Blend gère les objets sans constructeur public, et les propriétés sans méthode setter.

Silverlight

Prise en charge de Silverlight 3

Vous pouvez créer et modifier des applications Silverlight 3 dans Expression Blend. Si vous ouvrez un projet Silverlight 2, Expression Blend affiche une boîte de dialogue pour demander si vous souhaitez mettre à jour vos fichiers de projets à partir de Silverlight 2 vers Silverlight 3.

Pour consulter une liste de ressources d’apprentissage de Silverlight, voir Ressources d’apprentissage et de la communauté.

Prise en charge des sites Web

Lors de la création d’un projet Silverlight dans Expression Blend, vous disposez d’un autre type de projet, dit Application Silverlight + site Web. Lors de la création d’une application Silverlight utilisant ce type de projet, vous obtenez à la fois une application Silverlight et un site Web associé accompagné d'une page HTML par défaut qui charge votre application Silverlight.

Activer une application Silverlight à exécuter hors du navigateur

Vous pouvez configurer une application Silverlight à exécuter hors du navigateur, dans sa propre fenêtre d’application, à l’aide des Options de projet Silverlight, accessibles via le menu Projet. Pour plus d’informations, voir Tester ou exécuter un projet.

Mettre en cache les extensions de la bibliothèque d’applications

Vous pouvez configurer une application Silverlight pour mettre en cache les extensions de bibliothèque à l’aide des Options de projet Silverlight, accessibles via le menu Projet. Ceci permet d’accélérer votre application Silverlight.

Remarque :
La mise en cache des extensions de bibliothèque n'est pas compatible avec des applications Silverlight hors du navigateur.

Contrôle de la version du fichier source

Prise en charge de TFS

Expression Blend 3 introduit la prise en charge de Microsoft Visual Studio 2008 Team Foundation Server. Si vous avez accès à Team Foundation Server, vous pouvez effectuer des tâches courantes relatives au contrôle de code source pour des solutions et des projets (archivage, extraction, fusion, etc.).

Pour plus d’informations, voir Manipulation du contrôle de source Team Foundation.

Animation

Autres propriétés disponibles pour l’animation

Dans un projet Silverlight, vous pouvez enregistrer des images clés pour beaucoup plus de propriétés qu’auparavant. Pour ce faire, utilisez la nouvelle commande Enregistrer la valeur actuelle du menu Options de propriétés avancées, qui s’affiche lorsque vous cliquez sur le marqueur  en regard des propriétés individuelles, dans le panneau Propriétés.

Meilleure prise en charge de l’accélération dans Silverlight

Vous pouvez appliquer des fonctions d’accélération prédéfinies à des images clés individuelles en sélectionnant une image clé puis EasingFunction dans le panneau Propriétés.

Pour plus d’informations, voir Changer l’interpolation d’animation entre les images clés.

Animation vers des valeurs de ressource

Vous pouvez animer vers et à partir de certaines ressources. Par exemple, vous pouvez animer une propriété de couleur à partir d’une valeur statique vers une ressource de couleur.

Texte

Meilleure incorporation des polices et des sous-groupes de polices

Avec Expression Blend, vous pouvez aisément incorporer et créer des sous-groupes de polices dans les projets Silverlight et WPF. Le nouveau Gestionnaire de polices permet de sélectionner des polices installées sur votre ordinateur et de personnaliser le sous-groupe de caractères à incorporer.

Workflow

Configuration de l’ancrage et de l’espace de travail

Expression Blend étend les fonctions de configuration de l’espace de travail disponibles dans les versions antérieures en fournissant la prise en charge complète de l’ancrage pour tous les panneaux. Vous pouvez personnaliser l’interface utilisateur Expression Blend selon vos préférences et enregistrer cette configuration sous forme de présélection.

Pour plus d’informations, voir Llibérer de la place pour travailler et Enregistrement d'affichages différents de votre espace de travail.

Améliorations de l’outil Dégradé

Dans Expression Blend 3, l’outil Dégradé est plus puissant et plus simple à utiliser que dans les versions antérieures. Vous pouvez à présent modifier directement les valeurs de décalage d’un dégradé pour un objet auquel un dégradé est appliqué. Pour modifier la position d'un point, faites glisser celui-ci. Pour ajouter un point, maintenez la touche Alt enfoncée, puis cliquez sur l’ornement du dégradé. Vous pouvez également redéfinir rapidement le dégradé en faisant glisser un nouvel ornement de dégradé sur la planche graphique. Lorsque vous double-cliquez sur un emplacement quelconque de la planche graphique, un sélecteur de couleurs s’affiche. Cet outil permet de modifier la couleur du point.

Améliorations des opérations de disposition

Expression Blend 3 introduit plusieurs améliorations dans les opérations de disposition. Le déplacement des objets par manipulation directe sur la planche graphique est à présent plus uniforme et prévisible, les ornements d’alignement sont affichés pour un plus grand nombre de conteneurs, les propriétés de disposition et les liaisons sont conservées lors du reparentage ou du regroupement d’objets, et les propriétés de disposition ne sont plus écrites inutilement dans le fichier code-behind XAML. En outre, vous pouvez à présent utiliser l’inspecteur de propriété pour modifier la largeur et la hauteur d’un objet même si ces propriétés sont définies sur Auto. Expression Blend calcule automatiquement les marges appropriées requises pour garantir que l’objet est de la taille spécifiée.

Améliorations de la sélection directe

Expression Blend contient des modifications importantes dans le modèle de sélection. Ces modifications permettent de simplifier le changement de votre sélection et le dessin de nouveaux objets sur la planche graphique. Ces changements impliquent l’extension des fonctionnalités de l’outil Sélection dont le comportement est semblable à l’outil Sélection directe, ainsi que l’amélioration de la création et du comportement de parentage sur la planche graphique à l’aide d’indicateurs visuels qui s’affichent lorsque vous dessinez ou déplacez les objets.

Sélection des points du texte défilant

Lorsque vous utilisez l’outil Sélection directe, vous pouvez à présent sélectionner des points individuels sur un tracé à l’aide de la sélection du texte défilant. Faites simplement défiler la zone qui contient les points à sélectionner.

Améliorations du zoom et du défilement automatique

Lorsque vous déplacez ou redimensionnez un objet, la planche graphique d’Expression Blend défile automatiquement. Le défilement s’arrête si le pointeur dépasse la fin de la planche graphique. Par défaut, la rotation de la molette permet d’effectuer un zoom sur la planche graphique.

Pour plus d’informations, voir Effectuer un zoom ou une vue panoramique sur la planche graphique.

Raccourcis clavier et touches de modification

Expression Blend simplifie les tâches courantes en introduisant des raccourcis clavier et des touches de modification pour des actions telles que la sélection directe, la sélection du texte défilant, la duplication du contenu, le panoramique, le zoom, etc.

Pour plus d’informations, voir Raccourcis clavier et touches de modification.

Meilleure prise en charge de TileBrush

Vous pouvez désormais créer et modifier des pinceaux d’image en mosaïque pour des applications Silverlight. En outre, pour les applications Silverlight et WPF, vous pouvez définir la propriété Source directement dans la catégorie Pinceaux du panneau Propriétés au lieu de recréer le pinceau.

Copier et coller des images à partir du Presse-papiers

Les données d’images placées dans le Presse-papiers par d’autres applications, telles que Windows Internet Explorer, Adobe Photoshop, et Microsoft Paint, peuvent être désormais collées directement dans Expression Blend. Expression Blend détermine le type d’éléments du projet à ajouter selon l’emplacement du collage. Par exemple, le collage d’une image dans le panneau Ressources permet d’ajouter un fichier image à votre projet et de créer une ressource ImageBrush.

Structure de modèle

Si un contrôle comprend des modèles appliqués dans des scénarios spécifiques, par exemple, lorsqu’un contrôle doit afficher une collection de données, ces modèles s’affichent à présent dans la catégorie Modifier d’autres modèles de l’élément Modifier le modèle du menu Objet. Ceci permet de faciliter l’accès à des modèles tels qu’ItemContainerStyle d’un contrôle ListBox.

Sérialisation des valeurs par défaut

Expression Blend ne définit pas explicitement une valeur de propriété lorsqu’elle n’est pas nécessaire. Quand Expression Blend 2 définit une propriété telle que HorizontalAlignment sur Étirer, l’application écrit la valeur dans votre fichier XAML même si c’est inutile car c’est la valeur par défaut. Expression Blend n’écrit pas cette valeur sauf dans des cas spécifiques (par exemple, lorsque la valeur est définie par un style).

Il est encore possible de définir explicitement la valeur par défaut à l’aide de la commande Convertir en valeur locale du menu Options de propriétés avancées qui s’affiche lorsque vous cliquez sur le marqueur  en regard de la propriété du panneau Propriétés.

Amélioration de l’expérience de modification du contrôle UserControl

Lors de la modification du fichier XAML qui définit un contrôle UserControl, il n’est plus nécessaire de régénérer le projet pour mettre à jour tous les objets UserControl sur la planche graphique.

En outre, vous pouvez passer en mode édition pour un contrôle UserControl en double-cliquant sur l’un des objets UserControl de la planche graphique.

Recherche de fichiers dans le panneau Projets

Vous pouvez rechercher les éléments dans le panneau Projets. Lorsque vous désactivez la fenêtre de recherche, les nœuds développés lors de la recherche restent ainsi pour pouvoir simplifier la localisation des éléments recherchés.

Commande Rechercher dans les fichiers

Vous pouvez rechercher du texte dans plusieurs fichiers à l’aide de la nouvelle commande Rechercher dans les fichiers du menu Edition (Ctrl+Maj+F).

Développement du panneau Projets

Expression Blend mémorise à présent l’état de développement des différents nœuds dans le panneau Projets lorsque la solution est fermée et rouverte.

Modification de code

Modification des codes XAML, C# et Visual Basic

L’application Expression Blend est améliorée pour la prise en charge du code XAML en introduisant des fonctions qui font gagner du temps. Vous pouvez à présent modifier des fichiers code-behind C# et Visual Basic directement dans Expression Blend. L’éditeur de code prend en charge plusieurs fonctions utilisables pour accroître votre productivité lors de la modification du code. Ces fonctions comprennent IntelliSense (saisie semi-automatique), mise en forme automatique, accolades correspondantes, rapport récapitulatif des fonctions, création du gestionnaire d’événements, etc.

Améliorations de la modification du code XAML

L’arborescence reste développée si vous modifiez incorrectement le code XAML en mode Fractionné. En outre, vous pouvez continuer à travailler sur un objet de la planche graphique lorsqu’une propriété de l’objet est définie sur une valeur non valide dans XAML.

Ajouter des gestionnaires d’événements dans Visual Studio

Expression Blend comprend à présent un éditeur de code pour la modification de vos fichiers code-behind C# et Visual Basic. Par défaut, lors de l’utilisation de la vue Événements du panneau Propriétés pour ajouter le code de gestionnaire d’événements à vos fichiers code-behind, Expression Blend ouvre ce type de fichiers dans l’éditeur de code interne. Mais, vous pouvez choisir d’utiliser Microsoft Visual Studio pour l’ajout de gestionnaires d’événements.

Extensibilité

Panneau Composants extensible

Vous pouvez renseigner le contenu du panneau Composants dans Expression Blend en enregistrant un répertoire qui contient un ou plusieurs assemblys. Vous pouvez écrire votre code pour afficher des icônes personnalisées, etc. Vous pouvez également instancier des contrôles enregistrés dans ces assemblys connus, et Expression Blend ajoute ensuite les références d’assemblys nécessaires à votre projet.

Extensibilité de la planche graphique

Expression Blend 3 introduit d’autres améliorations dans les API d’extensibilité pour Silverlight et WPF. Les points d’extensibilité sont compatibles avec le concepteur de Visual Studio, et vous pouvez également étendre la planche graphique.

Modèles de projets extensibles

Expression Blend prend en charge les modèles de projets extensibles, qui contiennent des stubs d’élément et de projet personnalisables pour améliorer la création de projets. Ces modèles de projets, qui sont un sous-ensemble des éléments pris en charge par Visual Studio, permettent de créer des solutions complexes avec des dépendances inter-projets et des références d’assemblys.

Voir aussi

Concepts

Ressources d’apprentissage et de la communauté

Autres ressources

Site de la communauté Microsoft Expression