Téléchargé 130 fois
Téléchargé parSlimen Belhaj Ali
WPF MVVM
Le document présente un atelier sur WPF et le pattern MVVM, abordant des thèmes tels que les différences entre WPF et WinForms, les avantages et inconvénients de WPF, ainsi que des problèmes de développement typiques. Il décrit également le MVVM Light Toolkit et comment il facilite le développement d'applications en séparant la logique de l'interface utilisateur et en rendant les classes testables. Enfin, il conclut sur l'importance d'améliorer la collaboration entre développeurs et designers dans le flux de travail.
Contenu connexe
![[XamarinDay] Développez de manière 100% native avec Xamarin](https://cdn.slidesharecdn.com/ss_thumbnails/xamarinnatif-160916155735-thumbnail.jpg?width=640&height=640&fit=bounds)
WPF MVVM
- 1. Le 14/11/2011 ATELIERS WPF - MVVM
- 2. Plan de laprésentation • I- Partie Théorique • Introduction de WPF • WPF vs WinForms • Avantages / Inconvénients WPF • Problèmes de développement • Pattern de conception MVVM • II- Partie Pratique • WPF et MVVM • Introduction du MVVM Light Toolkit • MVVM Light Toolkit in WPF • Conclusion
- 3.
- 4. Introduction • Arrivée WindowsVISTA Au niveau de la communication (WCF) Au niveau de l’affichage (WPF) Le systéme de fichiers 4
- 5.
- 6.
- 7.
- 8. Avantages WPF • Utilisationdu GPU • Séparation code / design
- 9. Avantages WPF • Graphismes vectoriels • Transparence par pixel • Animations • Adaptation à la résolution • Support du data binding
- 10. Inconvénients WPF • NotFreeware • Manque d’interopérabilité • Tout est à refaire ?
- 11. Structure du projet Projet WPF N ` … 11
- 12. Outils & Matérielnécessaires • Outils Microsoft pour les développeurs et les designers Avec XAML, les développeurs • Programmation déclarative avec et les designers peuvent XAML affiner leur collaboration Les designers conçoivent les UI les développeurs ajoutent la logique métier
- 13.
- 14. Problèmes typiques dedéveloppement • Code étroitement couplé qui est difficile à maintenir et à étendre. • Il peut être difficile de séparer l‘état, la logique et la présentation UI. • Il est difficile de tester l'état et la logique UI. • Le concepteur est lié aux composants UI écrits par le développeur.
- 15.
- 16. Solution …?? • Codeétroitement couplé qui est difficile à maintenir et à étendre. • Il peut être difficile de séparer l‘état et la logique UI de la présentation UI. • Il est difficile de tester l'état et la logique UI. • Le concepteur est lié aux composants UI écrits par le développeur.
- 17. MVvM MVC MVP
- 18. MVC Model – View– Controller • Considéré comme le premier motif pour séparer l‘UI, les données et la logique métier • Controller gère toute logique, y compris les événements souris et clavier
- 19. MVP Model – View– Presenter • Variation du MVC • Adapté pour l’UI qui gère mieux les événements souris et clavier • Presenter dépend de la View
- 20. MVvM Model – Vosdonnées • Entities • Service Proxy • POCO • Données XML
- 21. MVvM View – UI XAML (WPF)
- 22. MVvM ViewModel – Lemodèle de la vue •Etats •Opérations •Ne dépends pas de la View
- 23.
- 24. QUAND UTILISER QUOI? •MVC – Lien View- Reste Programme pas toujours disponible (Microsoft ASP.NET MVC). • MVP – Liaison via un DataContext pas possible(WinForms) • MVvM – Liaison via un DataContext est possible (WPF)
- 25. MVvM Pas decode-behind dans XAML ViewModel passé comme DataContext pour UI ViewModel et Model ne doivent pas accéder à n'importe quel composant ou objet UI ViewModel hérite de INotifyPropertyChanged. – source de liaison ViewModel encapsule Model
- 26.
- 27.
- 28.
- 29. Pourquoi ? •Accélérer le développement d'applications MVVM – WPF – Silverlight – Windows Phone. • Séparer la View du Model • Créer des applications testables
- 30. Composition Unedll « GalaSoft.MvvmLight.dll » RelayCommand – RelayCommand<T> Messenger ViewModelBase
- 31.
- 32. Conclusion Faciliter la réalisation d'une application WPF • Abstraction de la vue • Réduction du code dans le code-behind • Classes Vue-Modèle testables • Amélioration du workflow dev/ designer 32
Notes de l'éditeur
- #8 C'est beau, ça tourne, c’est tres attirant aussi ... La FNAC vous propose un guide d'achat interactif en WPF.
- #12 Un projet« wpf », contient l’ensemble des ressources de l’application : des fichiers XAML décrivant l’interface utilisateur, Le XAML (eXtensible Application MarkupLanguage) est un langage déclaratif basé sur la syntaxe du XML. Il permet de définir des objets dynamiquement grâce aux balises (équivalent des classes) et aux attributs (équivalents aux propriétés) XAML.Un projet« wpf », contient l’ensemble des ressources de l’application : des fichiers XAML décrivant l’interface utilisateur, Le XAML est un langage déclaratif basé sur la syntaxe du XML. Il permet de définir dynamiquement des objets grâce aux balises (équivalent des classes) et aux attributs (équivalents aux propriétés). des fichiers C# contenant le code behind encapsulant la logique métier de l’applicationet des différentes ressources telles que composants additionnels, fichiers de données, images ou vidéos, etc…
- #14 Tout d'abord, jetons le regard à certains problèmes typiques de développement qui nous rencontrent souvent.
- #15 Premièrement, il ya une tendance pour les logiciels de devenir étroitement couplés, ce qui rend difficile l'entretien et l'extension.Il est également très facile de combiner l'état, la logique et la présentation dans les UICes deux problèmes se combinent, avec d'autres, pour rendre le code très difficile à tester.Il rend également difficile pour les concepteurs de travailler comme ils sont liés à des contrôles d'interface utilisateur écrit par le développeur.
- #17 Nous devons avoir une solution qui encourage la séparation des préoccupationsfournit un modèle très naturel pour le développement en XAML.Tout cela augmente la testabilité et aide également le workflow développeur concepteur.
- #28 Maintenant comme nous avons pris un bref regard sur le type des problèmes MVVM, nous allons avoir un aperçu du modèle lui-même.
- #29 .
- #32 .