Prsentation WPF Winwise

1
(No Transcript)
2
Présentation de Windows Presentation Foundation

• Vers une nouvelle génération dinterfaces
  graphiques

3
(No Transcript)
4
Windows Presentation Foundation - Agenda

• Windows Presentation Foundation
• Les Bases
• Le DataBinding
• Les animations / Les transformations
• La 3D
• Interop WPF/WindowsForms
• Applications navigateurs
• Conclusion
• Ressources

5
Windows Presentation Foundation
6
Le Framework .NET 3.0
7
Windows Presentation Foundation
Une approche productive et unifiée de linterface
utilisateur, des médias et des documents afin de
livrer une expérience utilisateur inégalée
8
Windows Presentation Foundation

• Création dinterfaces utilisateur innovatrices
• Augmentation de la productivité
  Designer-Développeur
• Réalisation dun déploiement dapplication
  flexible
• Accroissement de la base existante de code et de
  lensemble des techniques

Une UX supérieure réunissant linterface, les
médias et les documents
9
Larchitecture de WPF
10
Productivité Développeur-Designer

• Outils Microsoft pour les développeurs et les
  designers
• Programmation déclarative avec XAML
• Outils déditeurs tiers (Aurora de Mobiform, ZAM
  3D de Electric Rain)

Avec XAML, les développeurs et les designers
peuvent affiner leur collaboration
Les designers conçoivent les UI
Et les développeurs ajoute la logique métier
11
XAML ou la programmation déclarative

• XAML Extensible Application Markup Language

• Facilement utilisable, basé sur le XML
• Code et contenu sont séparés
• Peut-être affiché dans un navigateur ou une
  application

12
Windows Presentation Foundation
13
Windows Presentation Foundation
14
Les contrôles

• Windows Presentation Foundation fournit un nombre
  important de contrôles
• Button
• Frame
• Grid
• ListBox
• Etc..
• Certains contrôles (contrôles de date,
  NumericUpDown, ColorPicker) ne sont pas présents
• Dautres (Canvas, DockPanel, Grid, etc) sont
  destinés au positionnement des éléments

15
Les styles

• Définissent lapparence des éléments au sein de
  lapplication
• Utilisation des Setter pour définir la propriété
  à modifier et sa valeur

ltStyle xKey"Slider_RepeatButton"
TargetType"xType RepeatButton"gt ltSetter
Property"OverridesDefaultStyle" Value"True" /gt
ltSetter Property"IsTabStop" Value"false"
/gt ltSetter Property"Focusable"
Value"false" /gt ltSetter Property"Template"
gt ltSetter.Valuegt
ltControlTemplate TargetType"xType
RepeatButton"gt ltBorder
Background"Transparent" /gt
lt/ControlTemplategt lt/Setter.Valuegt
lt/Settergt lt/Stylegt
16
Les Templates

• Contenu variable
• Template Définition du contenu
• Notion de  graph dobjets 
• Button
• ContentPresenter
• Image

17
Texte et Documents

• Support des polices ClearType
• Support de lanti-aliasing
• API pour faciliter la lecture
• Zoom
• Recherche
• Multipages

18
Audio et Video

• Formats WMV, MPEG, AVIs
• Peuvent être synchronisés avec des animations

19
Contrôles, styles, templates, etc.
20
Data Binding
UI Databinding ltStackPanelgt ltLabelgtSelect A
Customerlt/Labelgt ltListBox Name"myListBox" B
ackground"HoneyDew" ItemsSource"Binding
StaticResource myDataSource"
lt/ListBoxgt lt/StackPanelgt

• Linterface utilisateur peut être liée à des
  objets .NET ou à du XML
• Les Dependency properties peuvent également
  être liées aux objets ADO.NET ou aux Web Services
• Les Data templates peuvent être appliqués aux
  données métiers
• Possibilité de représenter visuellement une
  classe Person, Product, etc.

21
Les Animations / Transformations
ltStackPanelgt ltStackPanel.Triggersgt
ltEventTrigger RoutedEventButton.Click"gt
ltEventTrigger.Actionsgt ltBeginStoryboardgt
ltBeginStoryboard.Storyboardgt
ltStoryboardgt ltColorAnimation
To"Yellow" Duration"000.5
Storyboard.TargetName"TheBrush"
Storyboard.TargetProperty"Color" /gt
ltDoubleAnimation To"45" Duration"002"
Storyboard.TargetName"LowerEllipseTrans
form" Storyboard.TargetProperty"
Angle" /gt ... lt/StackPanel.Trigge
rsgt lt/StackPanelgt

• Fournissent une meilleure expérience utilisateur
• Peuvent être utilisées sur toutes les Dependency
  Properties
• Classe Transform
• Rotation
• Translation
• Agrandissement/Réduction

22
WPF et la 3D

• Les APIs de WPF pour la 3D facilitent la création
  de contrôles/dessins 3D
• Namespace System.Windows.Media.Media3D
• Définit des transformations, animations, outils
  pour créer des contrôles et dessins 3D

23
Animations, Transformations, 3D
24
Intéropérabilité WindowsForms / WPF

• Incorporez WPF dans vos applications WindowsForms
  tout en conservant votre existant

25
Interopérabilité WindowsForms / WPF
26
Applications navigateurs

• Applications WPF fonctionnant dans un navigateur
  Web
• Le même code XAML est utilisé pour
• Les applications  stand alone 
• Les applications navigateurs
• Fonctionnalités en grande partie identiques aux
  applications  stand alone 

27
Applications navigateurs
28
Windows Presentation Foundation
29
Disponibilité et packaging
Q12006
Q2
Q4
Q12007
Q3
Q2
Q3
Q4

• La RTM du Framework .NET 3.0 est disponible
  depuis Novembre 2006
• WPF
• Composant du Framework .NET 3.0 pour Windows
  Vista
• Fonctionne sur Windows Vista, Windows XP
  Windows Server 2003
• Fait partit de Windows pas de cout
  supplémentaire
• Visual Studio Orcas sera disponible après
  Windows Vista
• MS Expression Interactive Designer sera, lui
  aussi, disponible après Windows Vista

30
Conclusions
Fournir des expériences utilisateur innovantes
Améliorer la productivité Développeur-Designer
Permettre un déploiement applicatif fléxible
Accroitre la base de code et les techniques
existantes
31
Ressources

• WPF _at_ Windows Vista Developer Centerhttp//msdn.m
  icrosoft.com/windowsvista/building/presentation/
• http//wpf.netfx3.com
• http//blogs.developpeur.org/tom
• http//morpheus.developpez.com
• Contact t-thole_at_microsoft.com