Discussion :

[jean-pierre96]

Bonjour,

je vous explique mon problème.

Je développe une petite application qui écoute sur un port en UDP et qui affiche les données interceptées à l'écran.

Mon application est constituée de deux projets visual : le module d'écoute UDP et module graphique WPF.

J'aimerai afficher les données reçues à partir du module d'écoute, directement dans une fenêtre du module graphique.

Auriez-vous une idée de la solution à adopter?

Merci pour votre aide.

[zax-tfh]

Ton module d'ecoute envoie de la donnée au fur et à mesure je suppose.
Pour faire propre et utiliser le modele mvvm, il te faudrait :

- Une vue Xaml (dans laquelle tu as un textbox par exemple, bindé sur une property de ton viewmodel)
- Un view model qui instancie ta classe d'ecoute UDP

Dans ton view model tu instancie ton ecoute udp et à chaque fois que tu recois des paquets, tu mets à jour ta property "DatasUDP" en prenant soin d'effectuer le lancement de l'evenement propertyChanged (voir implementation de l'interface INotifyPropertyChanged).

Et le tour est joué

Edit : Apres, si tu veux agrémenter le truc, tu ajoutes deux commandes à ton view model : une commande demarrer, une commande arreter, qui respectivement demarreront et arreteront ton ecoute UDP.
Ces deux commandes seront alors bindées sur deux boutons dans ta vue xaml.

[jean-pierre96]

Merci pour ta réponse rapide!

C'est très interessant ce que tu me dis.

Pourrait-tu m'expliquer ce qu'est un view model et comment je dois procéder pour le modéliser? Car ce passage n'est pas clair pour moi :

[...] d'effectuer le lancement de l'evenement propertyChanged (voir implementation de l'interface INotifyPropertyChanged).

Merci

[binoo]

Salut,

Voici un tutoriel sur le pattern MVVM :
http://japf.developpez.com/tutoriels...-et-testables/

[jean-pierre96]

Ah merci. Je connaissais le pattern MVC simple, mais pas cette variante.

Merci beaucoup.

[Rabico]

Bonjour,

tu peux aussi utilizer le pathern "Composite Windows Presentation Foundation" (CWPF) qui est tres bom aussi

http://www.codeplex.com/CompositeWPF

a plus

[jean-pierre96]

Bonjour,

après plusieurs tentatives, j'ai des difficultés à implémenter ma solution avec le Model View ViewModel.

En fait, je n'arrive pas à lever l'évènement PropertyChanged. Dès qu'une modification se produit ça plante car on me dit que PropertyChanged vaut null...

J'ai épluché plusieurs exemples sur le net, mais rien n'y fait...

Pourriez vous m'éclairer là-dessus?

Merci.

[zax-tfh]

Tu codes en quoi ? C# ou VB ?

[jean-pierre96]

Je code en C#. Je galère grave à vrai dire

J'ai essayé de faire ce que tu m'as indiqué hier. J'instancie l'écoute UDP dans le ViewModel. Dans mon module d'écoute j'ai une variable paquetCourant qui reçoit le paquet courant et lève l'évènement PropertyChanged à chaque modif. Là j'essaye de binder la property avec un textbox ...

Je sais pas si c'est la bonne démarche

[zax-tfh]

Pas sur que ce soit comme cela.
Imaginons ton projet comme ceci :

Vue.xaml <- VueModele.cs <- ClasseEcoute.cs

Classe ecoute.cs devrait lever un evenement lorsque tu reçois un nouveau paquet (avec eventuellement ton paquet en parametre, ça c'est toi qui choose)

Dans VueModele.cs :
Tu dois créer une property Paquet et dans son Setter (partie set), juste après ton _Paquet = value; tu places un raiseevent PropertyChanged(this, new PropertyChangedEventArgs("Paquet").
Cela sert à indiquer à la vue que ta propriété a changé et donc que la vue doit se mettre à jour.

Ensuite, tu créé ton instance de classeEcoute, tu te branche sur l'evenement de classeEcoute (on va le nommer NouveauPaquetArrivé pour faire simple).
Dans la méthode qui est connectée à cet evenement, tu sette la propriété en faisant un this.Paquet = lepaquetReçuParL'evenement
Cela permet de passer dans le setter de la propriété et de lancer l'evenement propertyChanged à la vue.

Dans Vue.xaml, tu dois avoir un controle de texte, on va prendre pour l'exemple un label :
<Label Content={Binding Paquet} />

Par contre, il faut penser à ajouter ton objectDataProvider dans les resources de ta vue.
Donc en gros :

dans les declarations de namespace sur la balise Window : ajoute ton name space (l'autocompletion devrait t'aider)

xmlns:c="clr-namespace:Ton.Namespace.de.ton.projet"

puis dans les resources :

<Window.Resources>
<ObjectDataProvider x:Key="ObjEcouteUdp" ObjectType="{x:Type c:VueModele}" />
</Window.Resources>

Bon courage

[jean-pierre96]

Oui c'est à peu près ça que j'avais compris... mais en fait la partie qui me pose problème c'est clairement celle là :

Ensuite, tu créé ton instance de classeEcoute, tu te branche sur l'evenement de classeEcoute (on va le nommer NouveauPaquetArrivé pour faire simple).
Dans la méthode qui est connectée à cet evenement, tu sette la propriété en faisant un this.Paquet = lepaquetReçuParL'evenement
Cela permet de passer dans le setter de la propriété et de lancer l'evenement propertyChanged à la vue.

Justement je ne comprends pas comment me "brancher" sur l'évènement.