Nouveautés d’Expression Blend

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

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.

Expression Blend inclut de nouveaux comportements que se configurent rapidement et facilement. Pour prendre en charge le développement d’applications métier, Expression Blend intègre la prise en charge de Views et de ViewModels .

Silverlight et WPF

Prise en charge de Silverlight 4 et WPF 4

Vous pouvez créer et modifier des projets d’application Silverlight 4 et WPF 4 dans Expression Blend. Vous pouvez également mettre à niveau un projet Silverlight 3 vers Silverlight 4 , ou mettre à niveau un projet WPF 3.5 avec Service Pack 1 (SP1) vers WPF 4.

Compatibilité avec Silverlight 3 et WPF 3.5 avec Service Pack 1 (SP1)

Vous pouvez toujours créer et modifier des projets d’application Silverlight 3 et WPF 3.5 avec Service Pack 1 (SP1) dans Expression Blend.

Interopérabilité avec Visual Studio

Expression Blend et Microsoft Visual Studio 2010 utilisent le même format de projet. Expression Blend peut convertir un projet Visual Studio 2008 en projet Visual Studio 2010.

SketchFlow

Important :
SketchFlow est disponible uniquement dans Expression Studio Ultimate.

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. Toutes les fonctionnalités de modélisation de l’interface utilisateur d’Expression Blend, notamment l’importation Photoshop, les états visuels, les comportements et les exemples de données, peuvent également être utilisées dans les projets de prototypage.

Publier sur SharePoint

Une fois que vous avez créé un projet SketchFlow Expression Blend, vous pouvez le publier dans une bibliothèque de documents Microsoft SharePoint. Le projet SketchFlow sera disponible pour toute personne disposant de l’autorisation d’afficher du contenu sur le site SharePoint.

Les réviseurs peuvent partager leurs commentaires avec d’autres parties prenantes en publiant leurs commentaires sur le site SharePoint.

Convertir des commentaires en éléments de travail

Vous pouvez convertir les commentaires des réviseurs en élément de travail Microsoft Team Foundation afin de tenir compte et d’en effectuer le suivi.

Sélecteur d’animation SketchFlow

Le comportement PlaySketchFlowAnimationAction est utilisé pour lire une animation SketchFlow en réponse à un événement. Vous pouvez utiliser un nouveau sélecteur dans le panneau Propriétés pour choisir une animation SketchFlow pour l’action à contrôler.

SketchStyles

La valeur Style par défaut d’un nouveau projet SketchFlow est SketchStyles. Vous pouvez basculer vers un autre Style à tout moment.

Attribution de noms aux écrans

Lorsque vous créez un écran ou un écran de composants dans la carte SketchFlow, vous pouvez le nommer immédiatement après l’avoir créé.

Interruption et reprise d’une animation SketchFlow

Dans Expression Blend, chaque cadre d’une animation SketchFlow contient un nouveau bouton Pause. Lorsque cette option est activée, l’animation SketchFlow s’interrompt au niveau de ce cadre lors de sa lecture dans le Lecteur SketchFlow. Dans le Lecteur SketchFlow, il existe un bouton de lecture/pause à côté de chaque animation SketchFlow qui peut être utilisé pour lire, interrompre ou reprendre cette animation.

Graphiques et disposition

Améliorations apportées à l’importation de fichiers Photoshop

Expression Blend peut importer des fichiers Adobe Photoshop (.psd) plus rapidement et avec une utilisation du système moindre. En outre, les effets de calque suivants peuvent être fusionnés avec leurs calques :

• Ombre portée

• Ombre intérieure

• Superposition de couleurs

• Éclat extérieur

• Éclat intérieur

• Superposition en dégradé

• Biseau et relief

• Satin

Effets de nuanceur de pixels

Dans Expression Blend, vous pouvez choisir parmi une vaste collection d’effets de nuanceur de pixels prédéfinis qui peuvent être animés et qui impliquent des effets de manipulation des couleurs, de transformation et d’autres effets spéciaux. Vous pouvez même créer et partager vos propres nouveaux effets.

Formes

Le panneau Composants d’Expression Blend contient une nouvelle catégorie Formes, qui comprend des présélections permettant de créer facilement des arcs, des flèches, des légendes et des polygones. Les Formes basculent facilement entre un rendu de style de croquis et un rendu de style standard.

Disposer des éléments le long d’un tracé

Une nouvelle fonctionnalité d’Expression Blend permet de disposer des éléments le long d’un tracé. Il est possible d’organiser les éléments le long du tracé en fonction de plusieurs paramètres pouvant être animés. En animant la propriété Début, vous pouvez également utiliser cette fonctionnalité dans les scénarios de trajectoire.

Contrôles

Nouveaux contrôles

Expression Blend prend en charge le contrôle RichTextBox dans Silverlight.

Styles de contrôle améliorés

Il n’est pas toujours possible de personnaliser un contrôle dans le contexte de sa fenêtre, sa page ou son contrôle UserControl . Lorsque le style d’un contrôle est dans un autre document, sa modification a lieu dans ce document, en dehors du contexte de ce contrôle. Mais avec Expression Blend, l’instance du contrôle, notamment sa taille, son contexte de données et d’autres valeurs de propriétés, est entièrement répercutée sur le style ou le modèle lors de la modification. Par conséquent, même en mode d’édition, le modèle de contrôle ressemble exactement à ce qu’il est dans son contexte.

Vous pouvez modifier les Styles et Modèles qui ciblent des types abstraits ou des types sans constructeur par défaut. En outre, tout fichier XAML qui dérive de ce type peut être modifié.

États visuels

Compatibilité des contrôles WPF 4 avec les états

Lorsque vous créez ou modifiez un modèle pour de nombreux contrôles WPF 4 communs, le panneau États est renseigné à l’aide de la liste des états prêts à être créés. Cela est dû au fait que les contrôles WPF 4 suivants sont conçus pour fonctionner de manière native avec le Gestionnaire d’état visuel et qu’ils affichent les States avec lesquels ils fonctionnent :

• Button

• CalendarButton

• CalendarDayButton

• CalendarItem

• CheckBox

• ComboBox

• ComboBoxItem

• Control

• DataGrid

• DataGridCell

• DataGridColumnHeader

• DataGridRow

• DataGridRowHeader

• DatePicker

• DatePickerTextBox

• Expander

• GridSplitter

• GridViewColumnHeader

• ListBoxItem

• PasswordBox

• ProgressBar

• RadioButton

• RichTextBox

• RepeatButton

• ScrollBar

• Slider

• TabControl

• TabItem

• TextBox

• Thumb

• ToggleButton

• ToolTip

• TreeViewItem

Transitions pour les effets de nuanceur de pixels

Vous pouvez utiliser des effets de nuanceur de pixels au cours des transitions entre les états. Il suffit de choisir un effet comme vous le feriez pour une fonction d’accélération et de définir ses propriétés. L’effet effectue la transition d’un état vers un autre. Les effets de révélation, de balayage, de pixellisation, d’ondulation et de tourbillon en constituent des exemples.

Transitions pour l’entrée et la sortie d’éléments ListBox

Vous pouvez animer l’ajout d’éléments à un objet ListBox et le retrait d’éléments d’un tel objet, et vous pouvez contrôler tous les détails de ces transitions, y compris l’accélération. Si vous créez votre propre ItemsControl , vous pouvez définir ces mêmes états sur votre type de conteneur d’élément. Si vous appliquez également un comportement FluidMoveBehavior au panneau d’éléments de l’objet ListBox , les éléments existants vont libérer progressivement de l’espace pour entrer de nouveaux éléments.

Prise en charge de View et de ViewModel

Expression Blend propose des nouveaux exemples de données, comportements et modèles de projet pour prendre en charge les Views et ViewModels .

L’utilisation de Views et de ViewModels constitue un moyen de structurer une application Silverlight ou WPF afin que les objets d’interface utilisateur soient autant découplés que possible des données et du comportement de l’application. Il est ainsi plus facile d’effectuer indépendamment les tâches de conception et les tâches de développement sans interruption. Pour l’essentiel, votre interface utilisateur est l’objet View . Vous liez des objets de l’objet View aux propriétés et commandes de l’objet ViewModel . L’objet View peut également appeler des méthodes sur l’objet ViewModel .

Interactivité

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 extensibles, d’actions extensibles et d’autres comportements.

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

Vous trouverez des informations complémentaires sur la création de vos propres comportements dans la documentation du Kit de développement logiciel de Expression Blend disponible dans le menu Aide.

Nouveaux comportements

Important :
SketchFlow est disponible uniquement dans Expression Studio Ultimate.

Expression Blend inclut le nouveau comportement multitactile TranslateZoomRotateBehavior et un contrôle PanningItems que vous pouvez utiliser pour faire défiler les éléments de manière tactile. Expression Blend comporte également un nouveau déclencheur qui répond à un changement de cadre ou à l’interruption ou l’exécution d’une animation SketchFlow, appelé SketchFlowAnimationTrigger . Expression Blend possède de nouveaux jeux de comportements pour faire glisser des éléments entre des zones de liste, modifier la navigation dans les menus et conserver les états d’écran, tels que SetDataStoreValueAction et DataStoreChangedTrigger .

Une amélioration intéressante a été apportée à FluidMoveBehavior  : si vous l’appliquez à différentes vues du même élément de données, lorsque l’élément passe d’une vue à une autre (par exemple, de la vue Liste à la vue Détails), il anime la transition entre les deux vues de manière fluide.

Les nouveaux comportements à utiliser avec les applications qui utilisent le modèle Model-View-ViewModel sont les suivants : CallMethodAction , InvokeCommandAction et DataStateBehavior . Vous pouvez utiliser ces comportements pour appeler le comportement sur vos ViewModels ou pour répondre à des modifications apportées à leurs propriétés.

Comportements conditionnels et magasin de données

Toute action peut être associée à un ensemble de conditions devant être remplies pour exécuter l’action. Cela signifie qu’avec Expression Blend, vous pouvez créer une logique conditionnelle dans vos prototypes et applications de production sans avoir à écrire du code. Il existe également une nouvelle fonctionnalité connue sous le nom de magasin de données qui permet, par exemple, de lire et écrire des variables d’application, telles que le rôle de l’utilisateur actuel, afin que différentes parties de votre application puissent communiquer efficacement via cet état partagé.

Les nouveaux composants de comportements introduits dans le cadre de cette fonctionnalité incluent l’éditeur de conditions qui apparaît dans le panneau Propriétés pour chaque action, une action SetDataStoreValueAction qui vous permet de manipuler des valeurs dans votre magasin de données et un déclencheur DataStoreChangedTrigger qui se déclenche dès qu’une propriété choisie dans le magasin de données est modifiée.

Données et ressources

Expression Blend permet de facilement prototyper, créer et tester des applications liées à des données même lorsque les données au moment de l’exécution et les ressources ne sont pas disponibles.

Données au moment de la conception à partir de types CLR

En plus de pouvoir créer des exemples de données XML, vous pouvez créer des exemples de données au moment de la conception à partir de vos types CLR. Même si un type ne possède pas de constructeur public, ou s’il comporte des propriétés sans méthode setter publique, il peut être transformé en exemple de données au moment de la conception à l’aide de la commande Créer un exemple de données à partir de la classe du panneau Données.

Le panneau Données fournit une vue du DataContext d’un objet, qu’il s’agisse du moment de la conception ou de l’exécution, et vous permet de faire glisser des propriétés, commandes et méthodes sur la surface de création pour les lier à votre interface utilisateur.

ViewModels au moment de la conception

Si votre application utilise le modèle Views et ViewModels , vous pouvez utiliser la commande Créer un exemple de données à partir de la classe du panneau Données pour générer un exemple de ViewModels au moment de la conception afin de pouvoir continuer à concevoir votre application dans le contexte de ses données.

Ressources au moment de la conception

Parfois, les ressources qui vont se résoudre au moment de l’exécution ne se résolvent pas au moment de la conception. Dans ces cas, vous pouvez choisir un dictionnaire de ressources à utiliser au moment de la conception lorsque vous créez votre application.

Liaison de propriétés élément à élément plus facile

Il est plus facile que jamais d’utiliser les Options avancées dans le panneau Propriétés pour lier des propriétés d’élément.

Animation

Fonctions d’accélération dans WPF 4

Vous pouvez tirer parti de la puissance et de la capacité d’expression créative des fonctions d’accélération dans un projet WPF 4. Vous pouvez même écrire des fonctions d’accélération personnalisées et les utiliser dans vos projets.

Aucune touche de modification nécessaire pour la sélection du texte défilant des images clés

Vous pouvez sélectionner le texte défilant des images clés dans la Chronologie plus simplement avec la souris. Vous deviez, auparavant, maintenir la touche Ctrl enfoncée tout en faisant glisser les images clés sélectionnées par le texte défilant.

État de propreté XAML

Expression Blend génère moins de XAML par rapport aux animations et à leurs propriétés.

Projets

Modèle de projet lié aux données

Expression Blend inclut un nouveau modèle de projet qui offre un point de départ basique pour les applications View et ViewModel .

Exécution d’un projet via Ctrl+F5

Pour améliorer la cohérence avec Visual Studio, vous pouvez maintenant appeler la commande Exécuter Projet en appuyant sur Ctrl+F5 ou F5.

Prise en charge zip pour les exemples et modèles

Expression Blend prend maintenant en charge la lecture des modèles d’élément, des modèles de projet et des exemples de fichiers Zip, en plus de les lire à partir de fichiers et dossiers libres.

Voir aussi

Concepts

Ressources d’apprentissage et de la communauté

Autres ressources

Site de la communauté Microsoft Expression 

Copyright © 2011 Microsoft Corporation. Tous droits réservés.