Skip to main content

Intégration Blend et WPF

C'est une question qui revient souvent: pour faire travailler efficacement un développeur et un designer ensemble, comment faire en sorte d'intégrer Expression Blend et WPF ou Silverlight ensemble. C'est à dire avoir notamment:

  • Un aperçu réaliste en vue design sous Expression Blend et Visual Studio 2008;
  • L'assistance du designer par Blend pour la liaison de données (data-binding);
  • Un aperçu des données réelles en mode design sous Blend.

La bonne nouvelle, c'est qu'avec Expression Blend 2 SP1 et Visual Studio 2008 SP1, d'énormes progrès ont été faits. Je viens d'avoir plusieurs expériences extrèmement positives sur le sujet avec plusieurs clients.

Il convient de respecter certaines astuces pour que tout se passe au mieux. Les voici.

1. Instancier les objets d'accès aux données dans le XAML. Par exemple, si j'ai une classe DAL.Facture:

<Window ...
   xmlns:data="clr-namespace=DAL;assembly=DAL"
>
    <Window.DataContext>
        <data:Facture Numero="10">
    </Window.DataContext>
    <ListBox ItemsSource="{Binding Details}" />
</Window>

2. Si la déclaration XAML n'est pas suffisante, il suffit d'injecter les données réelles dans le code, du moment qu'elles sont du même type que l'objet déclaré dans le XAML. Par exemple, dans le constructeur de la fenêtre ci-dessus, on peut écrire juste après l'appel à InitializeComponent:

ServiceDistant proxy = new ServiceDistant();
this.DataContext = proxy.GetLatestInvoices();

Dans ce cas, c'est ce code qui prendra le dessus sur le DataContext qui a été indiqué en mode Design

3. Eviter d'hériter de classes autres que Page et Window pour les classes qui sont déclarées en XAML. Même si c'est techniquement possible et bien accepté par WPF, Expression Blend comme Visual Studio ne s'y retrouvent plus.

4. Utiliser les expressions de liaison de données déclaratives. Et si la syntaxe du {Binding} est encore mystérieuse, suivre une formation.

5. Placer le plus d'éléments possible dans le XAML. Bien sûr, il est possible de faire en C# ou VB.NET tout ce qui peut être fait en XAML, mais ce qui est mis dans le C# ou VB.NET n'est pas pris en compte par la vue design.

Corollaire: n'utiliser C# et VB.NET que pour ce qui ne doit pas être vu du designer, comme la logique de l'interface utilisateur (exemple "si l'utilisateur clique sur ce bouton, il faut aller chercher tel jeu de données dans tel service WCF").

6. Si besoin, je peux intervenir quelques heures sur votre projet pour vous aider à intégrer Expression Blend et Visual Studio en WPF ou Silverlight.

Comments

Popular posts from this blog

Vue semaine gratuite pour Windows Phone 7.5

J’ai le plaisir d’annoncer la disponibilité sur le marketplace de mon application Free Week Calendar . C’est la première application gratuite à vous fournir une vue semaine de vos rendez-vous. L’utilisation est aussi simple que fluide. Par défaut vos rendez-vous de la semaine courante sont affichés (les copies d’écran sont en anglais mais l’application est intégralement localisée en français): En glissant le doigt à gauche ou à droite vous obtenez la semaine suivante ou précédente. En écartant les doigts vous zoomez sur vos rendez-vous, et en les rapprochant vous revenez à la vue globale. Contrairement à d’autres applications, celle-ci est entièrement localisée pour fonctionner en français et respecter le lundi comme premier jour de la semaine. P.S: merci à l’ Accélérateur Windows Phone et Dalhia pour leur aide. Sans eux cette application aurait mis plus de temps à sortir.

Tutoriel: Insérer un flux RSS dans une page ASP.net

Nous allons ici voir comment rapidement incorporer un flux RSS dans un formulaire Web ASP.net. Plus exactement, nous allons nous abonner à un flux Atom. Le but est d'afficher en tant que HTML les titres des entrées du flux, avec les liens vers les articles, et d'incorporer le tout au formulaire Web, comme je le fais sur ma page: Dans cet exemple, nous prendrons le flux RSS provenant de l'URL http://arnaudweil.blogspot.com/rss.xml . Puisque le RSS est du XML , nous allons facilement pouvoir le transformer en HTML grâce au contrôle ASP.net Xml et à une transformation XSLT . Dans ma page blog.aspx, j'écris donc: <asp:Xml ID="Xml1" runat="server" TransformSource="~/rss2table.xsl" /> Il me faut ensuite créer la transormation XSLT. J'ajoute donc à la racine de mon site un fichier rss2table.xsl avec le contenu suivant (cliquez avec le bouton droit sur le nom du projet dans l'Explorateur de Solutions de Visual Studio et ch...

Gift idea : help your loved ones take their IT skills to the next level

You surely know a special person who works in IT. Learn Kubernetes & Docker enables them to quickly ramp up on those two technologies that one doesn't want to miss in 2021. With smoother operations, better scaling and availability, DevOps tooling, containers and containers orchestration smartly solve many problems that developers and system administrators commonly face. Don't let your loved ones face problems in their IT job : offer them the book that takes them from zero to productive in a matter of days. Grab it now! Get the ebook from Leanpub , Amazon or choose from many retailers . Get the print edition from Lulu .