Sébastien Bovo [Microsoft France] : WPF

Ajout de la liaison aux données ou "Binding"

Sebastien Bovo — Fri, 01 Jun 2007 13:21:00 GMT

<< Ajout d'une animation déclenchée par un évènement

- Sélectionnons le contrôle "bouton" placé sur le formulaire en utilisant l'outil de sélection

- Dans la fenêtre "Properties", nous pouvons filtrer les propriétés du bouton en donnant le début du nom de propriété recherchée. Celle qui nous intéresse est "Content"

- Remarquez le carré blanc à droite de la valeur de propriété : il permet de renseigner des options plus avancées sur la propriété comme par exemple la liaison aux données. Cliquons sur ce carré et sélectionnons "Data Binding"

- Dans la fenêtre "Create Data Binding" qui apparait, cliquons sur l'onglet "Element Property". Nous pouvons alors sélectionner dans la colonne de droite l'élément "TextBox" comme source et sa propriété "Text" comme valeur de la liaison

- C'est fait, maintenant le texte du bouton est lié automatiquement au contenu de la zone de texte

- Pour tester : F5

Ajout d'une animation déclenchée par un évènement dans l'application WPF

Sebastien Bovo — Fri, 25 May 2007 13:08:00 GMT

<< Création de la première application WPF avec Blend

- Dans la partie "Triggers" de la fenêtre "Interaction" en haut à gauche de l'interface de Blend, cliquons sur le bouton "+ Event" afin d'ajouter un évènement à partir duquel nous allons pouvoir déclencher une animation

- Afin de pouvoir utiliser le contrôle "bouton" comme source de l'évènement, utilisons l'outil de sélection et cliquons sur le contrôle de type "bouton" précédemment ajouté au formulaire

- Nous pouvons ajouter l'évènement en sélectionnant dans la liste déroulante le bouton comme source et "Click" comme évènement

- Cliquons ensuite sur le "+" afin de créer une planche d'animation ou "timeline" pour cette événement

Cette planche d'animation permet de définir l'état/les propriétés des contrôles dans le temps. Il est aussi possible de leurs appliquer des transformations sur le rendu et le positionnement.

- Sélectionnons le contrôle de type "zone de texte" afin d'y apporter une animation. Ensuite, cliquons dans la planche d'animation sur le chiffre 3 pour définir l'état du contrôle au bout de 3 secondes après le clic sur le bouton. Dans la fenêtre propriétés, changeons alors la valeur de l'angle de rotation de la zone "Transform" pour mettre 360

- La planche d'animation est mise à jour pour inclure cette transformation. Pour compléter l'animation, cliquons sur 4 secondes et modifions l'angle pour remettre la valeur à 0

- Arrêtons l'enregistrement de l'animation en cliquant sur

Blend n'enregistre maintenant plus l'animation

- Pour tester le résultat : F5 ou menu "Project / Test Project"

Ajout de la liaison aux données ou "Binding" >>

Création de la première application WPF avec Blend

Sebastien Bovo — Fri, 25 May 2007 13:05:00 GMT

Pour une première application WPF, je vous propose d’utiliser Expression Blend et découvrir les deux fonctionnalités que sont l'animation et la liaison de données ou "Binding".

- Créons un nouveau projet à partir de l'écran d'accueil

- Choisissons le langage de développement : Visual Basic ou C#

Le nouveau projet crée par Blend est un vrai projet Visual Studio. Nous pouvons utiliser les deux outils pour un même projet avec une compatibilité totale. Les fichiers manipulés sont

des fichiers .XAML pour l’interface graphique WPF
des fichiers .VB ou .CS pour le code .NET

Dans un premier temps, utilisons seulement Blend sans écrire de code.

- Dans la barre d'outils à gauche de l'interface de Blend, cliquons droit sur le bouton afin d'ajouter un contrôle de type "bouton" sur le formulaire

- Ajoutons aussi de la même façon un contrôle de type "zone de texte" dans la partie droite du formulaire

Ajout d'une animation déclenchée par un évènement >>

Un film avant de commencer

Sebastien Bovo — Tue, 10 Apr 2007 23:16:00 GMT

En définitive, j’ai recherché dans la vidéothèque http://www.microsoft.com/france/vision : j’ai trouvé deux "films" qui me paraissent tout à fait d’actualité !

[Microsoft TechDays 2007] - Présentation d'Expression Blend - http://www.microsoft.com/france/vision/WebcastMsdnTechDays.aspx?EID=63150a52-5912-408e-b24c-83f685b47951

[Microsoft TechDays 2007] - Introduction à Windows Presentation Foundation - http://www.microsoft.com/france/vision/WebcastMsdnTechDays.aspx?EID=801ffd10-98a6-432c-8891-889e94873547

Je vous retrouve après les avoir visionnés.

Tout d'abord, ce dont j'ai besoin

Sebastien Bovo — Tue, 10 Apr 2007 21:51:00 GMT

Premièrement, je prépare mes outils de travail. Pour développer des applications en WPF, j’ai besoin de

Travailler sur Windows Vista ou sur Windows XP avec le .NET Framework 3.0
Installer Expression Blend (version Beta) - http://www.microsoft.com/downloads/details.aspx?FamilyId=57E09AE4-61AC-4E4A-AEFE-93389925B1DA&displaylang=en
Utiliser une des versions de Visual Studio 2005 (les versions Express sont disponibles gratuitement en téléchargement à l’adresse http://www.microsoft.com/france/msdn/vstudio/express/) puis installer les extensions de Visual Studio pour le .NET Framework 3.0 (http://www.microsoft.com/downloads/details.aspx?familyid=F54F5537-CC86-4BF5-AE44-F5A1E805680D&displaylang=en)

Je suis maintenant prêt. Et si je m’asseyais confortablement pour regarder un bon film afin de me détendre avant de commencer…

Package redistribuable du .NET Framework 3.0 pour Windows XP ou Server 2003 - http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=10cc340b-f857-4a14-83f5-25634c3bf043
Version Beta d'Expression Blend - http://www.microsoft.com/downloads/details.aspx?FamilyId=57E09AE4-61AC-4E4A-AEFE-93389925B1DA&displaylang=en
Versions Express de Visual Studio - http://www.microsoft.com/france/msdn/vstudio/express/
Visual Studio 2005 extensions for .NET Framework 3.0 - http://www.microsoft.com/downloads/details.aspx?familyid=F54F5537-CC86-4BF5-AE44-F5A1E805680D&displaylang=en

Je démarre le développement avec WPF

Sebastien Bovo — Sat, 07 Apr 2007 16:15:00 GMT

Windows Vista et le .NET Framework 3.0 sont disponibles : Ils apportent aux développeurs des avancées spectaculaires en termes de collaboration, communication, sécurité, et d’interface utilisateur !

Justement, concernant cette dernière, nous assistons à une véritable révolution : le moteur de rendu WPF, Windows Presentation Foundation, permet de libérer notre créativité et matérialiser les idées les plus innovantes. Les limites sont ne sont plus constituées que par notre imagination ! Bienvenue dans une nouvelle aire de jeu ou se combinent images vectorielles, animations, vidéos, objets en 3 dimensions et … code .NET.

Mais comment démarrer ? Ou chercher l’information ? Quel sont les outils dont j’ai besoin ?

Allez, c’est parti ! Suivez le guide…