Nouveautés d’Expression Blend 2

Microsoft Expression Blend 2 vous permet de créer des applications Windows Presentation Foundation (WPF) ainsi que des sites Web Microsoft Silverlight 1.0. Si le Service Pack 1 est installé, vous pouvez également créer des applications Silverlight 2.

Vous pouvez exporter le contenu de Microsoft Expression Design 2 dans un format utilisable dans les applications Silverlight 1.0. Vous pouvez également trouver Microsoft Expression Encoder 2 utile lorsque vous travaillez avec une vidéo, Silverlight et Expression Blend 2.

Prise en charge de Silverlight 1

Expression Blend 2 prend en charge les projets de sites Web Silverlight 1.0. Lorsqu’un projet Silverlight 1.0 est ouvert, l’interface utilisateur Expression Blend 2 affiche uniquement les propriétés et les contrôles applicables à Silverlight 1.0 ; les propriétés et les contrôles WPF qui ne sont pas pris en charge dans Silverlight 1.0 ne sont pas affichés.

Expression Blend 2 comprend un éditeur de texte JavaScript pour pouvoir modifier vos fichiers code-behind Silverlight 1.0.

Pour plus d’informations sur l’utilisation de Silverlight dans Expression Blend 2, voir les rubriques sous Démarrage rapide avec Silverlight 1.0.

Haut de la page

Prise en charge de Silverlight 2 (Service Pack 1 uniquement)

En plus du Service Pack 1, vous pouvez désormais créer et modifier des projets Silverlight 2 dans lesquels vous pouvez concevoir des applications d’interface utilisateur riches pour le Web. Un projet Silverlight 2 génère des fichiers .xap (et d’autres fichiers d’applications pris en charge) que vous pouvez ajouter à un site Web. Si les outils Microsoft Silverlight Tools pour Visual Studio 2008 sont installés sur vos ordinateurs, vous pouvez également modifier votre projet dans Visual Studio 2008, en ouvrant de façon transparente les fichiers code-behind en double-cliquant dessus dans Expression Blend.

Silverlight 2 prend en charge plusieurs fonctionnalités communes à WPF que Silverlight 1.0 ne prenait pas en charge. Lorsqu’un projet Silverlight 2 est ouvert, l’interface utilisateur Expression Blend 2 affiche uniquement les propriétés et les contrôles applicables à Silverlight 2.

Pour plus d’informations sur Silverlight 2 dans Expression Blend 2 avec Service Pack 1 installé, voir les rubriques sous Démarrage rapide avec Silverlight 2. Pour plus de ressources d’apprentissage, voir le site Web du centre de formation Microsoft Silverlight.

Important :

La visionneuse d’exécution Silverlight 2 est installée avec le kit de développement (SDK) Silverlight 2 lorsque vous installez Expression Blend 2 SP1. Expression Blend utilise cette version au moment de l’exécution pour afficher votre projet en mode Création mais lorsque vous testez votre application Silverlight 2, l’application sera générée avec la version de Silverlight utilisée par votre navigateur. Votre navigateur utilisera peut-être une version au moment de l’exécution plus récente que la version installée avec le service pack si vous avez visité un site Web nécessitant une version plus récente au moment de l’exécution.

Haut de la page

Personnalisation des états de contrôle Silverlight 2 (Service Pack 1 uniquement)

Vous pouvez personnaliser l’apparence des contrôles système, des contrôles personnalisés et des contrôles utilisateur dans leurs états différents. Par exemple, vous pouvez faire apparaître un bouton plus grand lorsque vous déplacez le pointeur dessus, étant donné que MouseOver est un état. Vous pouvez utiliser les valeurs de transition pour spécifier la durée de transition d’un état à l’autre. Dans vos propres contrôles utilisateur, vous pouvez définir des états personnalisés ainsi que l’apparence du contrôle utilisateur dans ces différents états et vous pouvez utiliser les gestionnaires d’événements pour déterminer le moment où le contrôle utilisateur entre dans ces états. Pour plus d’informations, voir Modifier l’apparence d’un contrôle système dans différents états et Définir différents états visuels et durées de transition pour un contrôle utilisateur.

Haut de la page

Apparence des contrôles Silverlight 2 (Service Pack 1 uniquement)

Étant donné que les projets Silverlight 2 prennent en charge les ressources statiques, vous pouvez créer des modèles réutilisables pour personnaliser les contrôles système et les contrôles utilisateur, créant de manière efficace des apparences pour ces contrôles. Vous pouvez inclure les modifications d’état dans les modèles. Pour plus d’informations, voir Créer une apparence pour un contrôle dans un projet Silverlight 2.

Haut de la page

Prise en charge de Visual Studio 2008

Expression Blend 2 peut ouvrir et utiliser des projets et solutions Microsoft Visual Studio 2008. Par défaut, les projets Windows Presentation Foundation (WPF) qui sont créés dans Expression Blend 2 sont maintenant des solutions Visual Studio 2008, qui ciblent Microsoft .NET Framework 3.5 ou Microsoft .NET Framework 3.0. Les solutions Visual Studio 2008 ne peuvent pas être modifiées dans Visual Studio 2005. Toutefois, Expression Blend 2 et Visual Studio 2005 peuvent toujours ouvrir les projets qui ont été créés à l’aide des versions antérieures d’Expression Blend et de Visual Studio 2005.

Haut de la page

Synchronisation des modifications apportées au fichier

Lorsque vous modifiez un projet de site Silverlight dans Expression Blend 2 et Visual Studio en même temps, toutes les modifications que vous apportez dans Visual Studio sont immédiatement appliquées dans Expression Blend. Les modifications des fichiers dans les projets WPF sont également synchronisés entre Expression Blend et Visual Studio.

Haut de la page

Effectuer des contrôles à partir des objets existants

Expression Blend 2 contient de nouvelles fonctionnalités qui vous permettent de refactoriser (en d’autres termes, convertir) le contenu graphique existant dans un contrôle que vous pouvez réutiliser (instancier). Les éléments sélectionnés, et leurs ressources et animations référencées sont refactorisés dans le nouveau contrôle. Vous devez construire le projet pour pouvoir afficher et instancier le nouveau contrôle. Pour plus d’informations sur la procédure à suivre pour utiliser cette fonctionnalité, voir Créer un contrôle à partir d’objets existants.

Remarque :
L’outil Créer un contrôle n’est pas pris en charge dans Silverlight 1.0.

Haut de la page

Améliorations du mode Fractionné et de l’éditeur XAML

Expression Blend 2 vous permet d’afficher un document ouvert en mode Création et en mode XAML en même temps. Pour ce faire, sélectionnez le nouvel onglet Fractionner sur le côté droit de la planche graphique. Les modifications apportées à votre document apparaissent immédiatement dans les fenêtres Création et XAML en mode Fractionné, si elles sont apportées aux objets, tables de montage séquentiel, styles, modèles, images clés et ainsi de suite. En outre, lorsque vous sélectionnez un objet, sur la planche graphique en mode Création ou sous Objets et chronologie, le pointeur en mode XAML se déplace immédiatement vers la ligne de code XAML correspondante. Pour spécifier la taille de la police, la famille de la police, la taille des tabulations et le retour automatique à la ligne pour l’éditeur XAML (onglet XAML), modifiez les paramètres de l’Éditeur de code sous Options dans le menu Outils. Pour plus d’informations sur cette fonctionnalité, voir Modifier un fichier XAML en mode XAML et Afficher un objet ou une ressource dans du code XAML.

Haut de la page

Sélecteur de tables de montage séquentiel

Le sélecteur de tables de montage séquentiel remplace l’ancienne zone Table de montage séquentiel. Il se compose d’une étiquette pour indiquer le nom de la table de montage séquentiel sélectionnée (si une table de montage séquentiel est activée), d’un menu contextuel (disponible lorsque vous cliquez avec le bouton droit sur l’étiquette), d’un bouton contextuel (et menu contextuel correspondant) et d’un bouton Fermer pour fermer toutes les tables de montage séquentiel et quitter le mode d’enregistrement. Le menu et le bouton contextuels vous permettent de créer une nouvelle table de montage séquentiel, et si une table de montage séquentiel est déjà sélectionnée, vous pouvez la dupliquer, l’inverser ou la supprimer. Le menu contextuel vous permet également de renommer la table de montage séquentiel sélectionnée. Le menu contextuel contient toutes les tables de montage séquentiel de l’étendue dans une présentation à plusieurs colonnes. Vous pouvez redimensionner le menu contextuel et filtrer la liste en fonction d’une zone de texte de recherche en haut de la liste. L’étiquette de la table de montage séquentiel sert de sélecteur de tables de montage séquentiel lorsque vous souhaitez modifier les propriétés sur une table de montage séquentiel. Pour plus d’informations sur la procédure à suivre pour utiliser cette fonctionnalité, voir Ouvrir ou fermer une table de montage séquentiel et Créer, modifier ou supprimer une table de montage séquentiel.

Haut de la page

Propriétés de table de montage séquentiel et d’image clé

Expression Blend 2 contient de nouvelles fonctionnalités pour la définition des propriétés sur les tables de montage séquentiel et les images clés dans le panneau Propriétés. Lorsqu’une table de montage séquentiel est sélectionnée, vous pouvez définir une propriété pour modifier le comportement de répétition et pour l’inverser lorsqu’il atteint la fin. Notez que vous pouvez modifier ces propriétés uniquement une fois que vous avez cliqué sur l’étiquette de la table de montage séquentiel. Pour plus d’informations sur cette fonctionnalité, voir Modifier une table de montage séquentiel pour la répétition ou l’inversion à la fin de son cycle et Dupliquer ou inverser une table de montage séquentiel.

Haut de la page

Éditeur de courbe clé

Vous pouvez désormais développer des animations plus réalistes en utilisant le nouvel éditeur de courbe clé pour modifier le comportement d’accélération des images clés. Lorsqu’une ou plusieurs images clés sont sélectionnées dans une table de montage séquentiel, un éditeur graphique de courbe clé apparaît sous Accélération dans le panneau Propriétés. Vous pouvez faire glisser les points de terminaison sur le graphique, ou définir des valeurs spécifiques. Sur le graphique, l’axe x représente le délai entre l’image clé précédente et celle qui est sélectionnée, et l’axe y représente la valeur de la propriété en cours d’animation. Vous pouvez réutiliser des courbes clés, en les convertissant en ressources et en les appliquant à d’autres images clés. Pour plus d’informations sur cette fonctionnalité, voir Changer l’interpolation d’animation entre les images clés.

Haut de la page

Animation de sommet

Expression Blend 2 contient une nouvelle fonctionnalité pour animer des sommets individuels (points et tangentes) sur une ligne. Auparavant, si vous aviez modifié un sommet en mode d’enregistrement d’animation, la forme d’origine de l’objet était définitivement modifiée. Désormais, vous pouvez animer des sommets individuels sur un chemin d’accès, convertir des segments de ligne et des segments de Bézier, et ajouter des sommets à un chemin d’accès existant animé. Pour plus d’informations sur cette fonctionnalité, voir Animer les points sur un tracé ou un tracé de détourage ou Animer les sommets d’un tracé dans le guide de démarrage rapide.

Haut de la page

Modification et animation de tracé de détourage

Expression Blend 2 vous permet désormais de modifier les tracés de détourage sur la planche graphique une fois que vous les avez créés. Vous pouvez également animer les sommets individuels des tracés de détourage, et libérer un tracé de détourage sans perdre l’objet de tracé d’origine. Pour plus d’informations sur cette fonctionnalité, voir Appliquer, modifier ou supprimer un tracé de détourage et Animer les points sur un tracé ou un tracé de détourage.

Haut de la page

Modification de la ressource pinceau de dessin

Expression Blend 2 vous permet désormais de modifier une ressource pinceau de dessin existante en faisant glisser le pinceau de dessin du panneau Ressources vers la planche graphique. Pour ce faire, sélectionnez Copier DrawingBrush dans le canevas dans le menu contextuel, modifiez les parties du pinceau de dessin sur le canevas, puis cliquez avec le bouton droit sur le canevas pour déplacer ou copier le canevas vers la ressource pinceau de dessin. Pour plus d’informations sur cette fonctionnalité, voir Créer ou modifier une ressource pinceau de dessin.

Remarque :
Les ressources, y compris les ressources de pinceau de dessin, ne sont pas prises en charge dans Silverlight 1.0.

Haut de la page

Chemin de navigation

Expression Blend 2 affiche maintenant un chemin de navigation au-dessus de la planche graphique, qui vous aide à garder la trace de l’endroit où vous vous trouvez dans une hiérarchie de modèle à mesure que vous la parcourez. Le chemin de navigation vous aide également à basculer rapidement entre les étendues d’édition lorsque vous modifiez les modèles et les styles. Le chemin de navigation spécifie l’objet sélectionné. Si un modèle peut être appliqué à l’objet (par exemple un bouton), vous pouvez cliquer sur une flèche de déroulement dans l’élément du chemin de navigation pour afficher les opérations que vous pouvez effectuer sur l’objet (par exemple la modification d’un modèle de bouton). Si vous avez déjà modifié un style ou un modèle sur l’objet, le chemin de navigation inclut des éléments supplémentaires qui représentent les éléments de style et de modèle que vous avez modifiés précédemment. Cela vous permet de voir facilement le style ou le modèle qui a déjà été modifié sur un objet, pour passer rapidement à l’étendue dans laquelle vous effectuez la modification, et pour comprendre exactement à quel emplacement vous vous trouvez lorsque vous apportez des modifications. Pour plus d’informations sur cette fonctionnalité, voir Parcourir la hiérarchie des styles à l’aide du chemin de navigation.

Remarque :
Le chemin de navigation n’est pas disponible lorsque vous ouvrez un projet Silverlight 1.0.

Haut de la page

Incorporation de police

Expression Blend 2 contient une nouvelle fonctionnalité pour l’incorporation de polices dans votre projet. Ceci vous permet de les inclure dans votre application. L’incorporation garantit que la police que vous sélectionnez pour votre application est la police que les utilisateurs verront lorsqu’ils exécuteront votre application. En général, les utilisateurs disposent déjà de la plupart des polices que vous pouvez sélectionner dans Expression Blend, vous n’avez donc pas à les incorporer. Cependant, si l’utilisateur n’a pas la police que vous avez choisie et que vous n’avez pas incorporé la police à votre projet, une police système par défaut s’affiche.

Pour incorporer des polices à une application Expression Blend, vous pouvez utiliser la nouvelle boîte de dialogue Gestionnaire de polices dans le menu Outils. Elle est également disponible dans la section Propriétés avancées sous Texte dans le panneau Propriétés lorsque vous sélectionnez un contrôle de texte. Expression Blend 2 prend en charge l’incorporation des polices contenues dans les fichiers .ttf, .ttc, .otf et .tte. Vous pouvez utiliser l’Éditeur de caractères privés Microsoft pour créer vos propres caractères personnalisés dans les fichiers .tte.

Remarque :
L’incorporation de polices n’est pas prise en charge dans Silverlight 1.0.

Pour plus d’informations sur la façon d’utiliser cette fonctionnalité, voir Ajouter une police personnalisée à votre application, Incorporer une police ou un sous-groupe d’une police dans votre application et Ouvrir le Gestionnaire de polices. Pour plus d’informations sur la façon d’incorporer des polices dans les applications WPF, voir Empaquetage des polices avec des applications sur MSDN.

Important :
Si vous décidez d’incorporer, de créer un sous-ensemble ou de redistribuer des polices dans votre application, il est de votre responsabilité de vous assurer que vous disposez des droits de licence requis pour ces polices.

Pour les polices fournies avec Expression Blend, voir le fichier du contrat de licence logiciel Microsoft (EULA.Language.rtf) pour obtenir les termes de la licence complète. Pour les autres polices commerciales, voir le site Web de typographie Microsoft (en anglais) pour obtenir plus d’informations qui vous aideront à rechercher un fournisseur de police particulière ou un fournisseur de police pour un travail personnalisé.

Haut de la page

Importation à partir d’Expression Design

Expression Blend 2 importe maintenant les fichiers de composants conjointement avec le code XAML généré à partir d’un projet Expression Design 2. Par exemple, si vous exportez le code XAML à partir d’un projet Expression Design 2 ayant des fichiers de composants joints (tels que les images), Expression Design 2 génère le fichier XAML et crée également un dossier nommé <nom_projet>_files, en copiant les fichiers de composants dans ce dossier. Dans Expression Blend 2, lorsque vous utilisez la commande Ajouter un élément existant pour ajouter le fichier XAML à votre projet, le dossier <nom_projet>_files est aussi automatiquement ajouté. Pour plus d’informations sur la procédure à suivre pour utiliser cette fonctionnalité, voir Importer du code XAML exporté depuis Expression Design ou Importer des composants à partir d’Expression Design 2 dans le guide de démarrage rapide.

Haut de la page

Propriétés de taille au moment de la conception

Expression Blend 2 permet désormais de modifier facilement les contrôles utilisateur dimensionnés automatiquement hors de leur emplacement (par eux-mêmes sur la planche graphique et non dans le document dans lequel ils sont utilisés). Dans les versions antérieures d’Expression Blend, si vous aviez ouvert un contrôle utilisateur dans lequel les propriétés Height (Hauteur) et Width (Largeur) étaient définies sur Auto, l’objet était affiché sur la planche graphique avec une valeur de hauteur et de largeur par défaut de 20. À présent, vous pouvez utiliser les nouvelles poignées de redimensionnement qui apparaissent sur la planche graphique lorsque vous sélectionnez le nœud racine de votre contrôle utilisateur pour définir une hauteur et une largeur au moment de la conception. Ces valeurs sont stockées dans les propriétés suivantes au moment de la conception uniquement dans le nœud racine de votre document XAML :

d:DesignWidth=”100” d:DesignHeight=”100”

Pour plus d’informations sur la procédure à suivre pour utiliser cette fonctionnalité, voir Modifier la taille au moment de la conception d’un contrôle utilisateur.

Haut de la page

Copie des projets

Vous pouvez désormais créer des copies de vos projets et sites dans Expression Blend 2 en cliquant sur Enregistrer une copie de Solution dans le menu Fichier. Ces copies sont des répliques exactes du projet ou site sur lequel vous travaillez. Elles sont enregistrées sur le disque, mais vous ne quittez pas la version sur laquelle vous travaillez. Pour plus d’informations sur la procédure à suivre pour utiliser cette fonctionnalité, voir Créer un double de votre projet.

Haut de la page

Ajout de plusieurs projets à une seule solution

Lorsque vous créez un projet WPF dans Expression Blend 2, un fichier solution est automatiquement créé pour vous. Ce fichier solution est compatible avec Visual Studio 2008. Dans Expression Blend 2, vous pouvez désormais ajouter plusieurs projets à votre solution en cliquant avec le bouton droit sur le nom de la solution dans le panneau Projet et en cliquant sur Ajouter un nouveau projet ou sur Ajouter un projet existant. Vous pouvez aussi ajouter des références à des projets existants (sans les copier dans votre solution) en cliquant avec le bouton droit sur le dossier Références dans le panneau Projet, puis en cliquant sur Ajouter une référence de projet. Pour plus d’informations sur la procédure à suivre pour utiliser cette fonctionnalité, voir Ajouter un nouveau projet ou un projet existant à une solution.

Haut de la page

Glisser-déplacer de médias

Il est désormais possible d’incorporer des médias dans vos projets en faisant glisser des fichiers multimédias à partir de l’extérieur d’Expression Blend 2 et en les déplaçant sur la planche graphique lorsqu’un document est ouvert. Les fichiers multimédias sont automatiquement ajoutés à votre projet. En outre, vous pouvez faire glisser les fichiers dans le panneau Projet pour les ajouter à votre projet. Pour plus d’informations sur la procédure à suivre pour utiliser cette fonctionnalité, voir Ajouter un fichier image, audio ou vidéo à un projet et Insérer un fichier image, audio ou vidéo dans le document actif.

Haut de la page

Manipulation d’objet

Dans Expression Blend 2, pour dupliquer des objets faites-les glisser en maintenant la touche CTRL enfoncée. Vous pouvez également redimensionner, mettre à l’échelle et faire pivoter plusieurs objets en même temps en les sélectionnant, puis en utilisant les poignées de redimensionnement sur la planche graphique. Vous pouvez également faire pivoter plusieurs objets sélectionnés autour de n’importe quel centre de rotation. Pour plus d’informations sur la procédure à suivre pour utiliser cette fonctionnalité, voir Copier, couper, coller ou supprimer un objet.

Haut de la page

Raccourcis clavier

Plusieurs raccourcis clavier d’Expression Blend 2 ont été mis à jour pour être plus cohérents avec les raccourcis clavier d’Expression Design. Pour obtenir une liste mise à jour des raccourcis, voir Raccourcis clavier.

Haut de la page

Boutons de fermeture de panneaux

Les panneaux Projet, Propriétés et Ressources comportent désormais un bouton de fermeture dans le coin supérieur droit, lorsqu’ils sont flottants ou fixes. Vous pouvez ouvrir ces panneaux à nouveau à partir du menu Fenêtre. Vous pouvez toujours utiliser la touche Tab ou F4 pour afficher/masquer tous les panneaux en même temps.

Haut de la page

Prise en charge de nouveaux objets 3D

.NET Framework 3.5 introduit de nouveaux objets 3D. Expression Blend 2 n’inclut pas les nouveaux objets 3D dans la Bibliothèque de composants. Toutefois, vous pouvez les utiliser en apportant des modifications manuellement en langage XAML, ou en utilisant Visual Studio 2008 pour ajouter les objets, puis en ouvrant votre projet dans Expression Blend. Les nouveaux objets 3D sont reconnus par Expression Blend et vous pouvez utiliser les ornements 3D pour ajuster ces objets dans la scène.

Haut de la page

Options de création

Lorsque vous créez dans Expression Blend 2, la propriété $(BuildingInsideExpressionBlend) a la valeur true. Vous pouvez utiliser cette propriété dans vos fichiers de projet ou .targets pour modifier la façon dont le projet est généré dans Expression Blend. Pour plus d’informations sur la manière dont Visual Studio prend en charge ce scénario, voir la documentation sur l’intégration de Visual Studio.

Haut de la page

Zones de texte de recherche

L’étiquette Rechercher qui apparaissait en regard de la zone de texte de recherche dans le panneau Propriétés, la fenêtre Bibliothèque de composants et le nouveau sélecteur de tables de montage séquentiel, apparaît désormais dans la zone de texte de recherche. Le texte Rechercher disparaît lorsque l’utilisateur tape des mots clés dans la zone de texte de recherche.

Haut de la page

Voir aussi

Concepts

Ressources d’apprentissage et de la communauté

Autres ressources

Microsoft Expression