[débutant] Utilité du MVVM

**djmic** · 11/08/2011, 20h45

Bonjour à tous,

Étant habitué au développement WinForm j'ai un peu de mal à me mettre au WPF, à vrai dire, j'ai l'impression d'y perdre mes cheveux

J'ai un peu lu ce que je pouvais trouver sur le MVVM mais ai un peu de mal à comprendre.

En résumé quel est l'utilité d'utiliser le MVVM?
Est-ce obligatoire?
Est-il utile de l'appliquer pour tout? Fenêtre Principal, UserControl, ...

Merci pour vos réponses.

**DonQuiche** · 11/08/2011, 22h25

Bonjour.

Le MVVM n'est pas obligatoire, non, mais c'est clairement ce qui convient le mieux à WPF/SL. Tout simplement parce que la plateforme se prête si bien au binding que l'on a tendance à systématiser l'usage de modèles implémentant INotifyPropertyChanged et que, une fois on a franchi cette étape, on réalise qu'il est plutôt inutile de rajouter un contrôleur par-dessus ça alors qu'une voix dans notre tête nous hurle de confier ces responsabilités au modèle qui, du coup, devient un ViewModel. Maintenant, il est tout à fait possible de faire du MVC tout en exploitant le databinding dans une plus légère mesure.

Est-il utile de l'appliquer pour tout ? Oui et non. Oui parce que, encore une fois, c'est quand même le modèle le plus adapté. Et que, même si parfois WPF ne fonctionne pas vraiment avec ce modèle on préférera trouver des substituts (voir MVVM light toolkit dans Google). Non parce que, évidemment, si une fenêtre se compose d'un seul bouton, n'importe quoi fera l'affaire.

**BenoitM** · 12/08/2011, 08h24

C'est une habitude à prendre et je ne pense pas que c'est sur ca que tu vas bloquer le plus avec WPF.
Dès que tu auras pris le pli, tu apprécieras fortement le binding,validation

(De plus même avec le winform tu avais ce genre de pattern qui était recommandé mvc mvp)

**djmic** · 12/08/2011, 08h33

J'aimerais apprendre le Wpf, tout en pouvant utiliser toutes les fonctionnalités du WPF.
Est ce que quelqu'un pourrait me montrer un exemple de MVVM par rapport à ce que j'ai pu déjà créer, c'est à dire un UserControl NumericUpDown?

voici le code XAML

Code xaml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<UserControl x:Class="Verification_Lotto.NumericUpDown"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="24" Width="100">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="75"></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
 
        <TextBox Name="txtNum" Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" PreviewKeyDown="txtNum_PreviewKeyDown" LostFocus="txtNum_LostFocus"></TextBox>
        <RepeatButton Name="btPlus" Grid.Column="1" Grid.Row="0" Content="+" FontSize="8" VerticalContentAlignment="Top" Click="btPlus_Click" Padding="0"></RepeatButton>
        <RepeatButton Name="btMoins" Grid.Column="1" Grid.Row="1" Content="-" FontSize="8" VerticalContentAlignment="Top" Click="btMoins_Click" Padding="0"></RepeatButton>
 
    </Grid>
</UserControl>

ainsi que le code Behind

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
 
namespace Verification_Lotto
{
    /// <summary>
    /// Interaction logic for NumericUpDown.xaml
    /// </summary>
    public partial class NumericUpDown : UserControl
    {
 
        Binding bind;
 
        public int Valeur
        {
            get { return (int)GetValue(ValeurProperty); }
            set { SetValue(ValeurProperty, value); }
        }
 
        public static readonly DependencyProperty ValeurProperty =
            DependencyProperty.Register("Valeur", typeof(int), typeof(NumericUpDown), new UIPropertyMetadata(0, onValeurPropertyChanged ));
 
        private static void onValeurPropertyChanged(DependencyObject source, DependencyPropertyChangedEventArgs e)
        {
 
        }
 
        public NumericUpDown()
        {
            InitializeComponent();
 
            bind = new Binding();
            bind.Source = this;
            bind.Mode = BindingMode.TwoWay;
            bind.UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged;
            bind.Path = new PropertyPath("Valeur");
            this.txtNum.SetBinding(TextBox.TextProperty, bind);
 
        }
 
        private void btPlus_Click(object sender, RoutedEventArgs e)
        {
            if (this.Valeur < 42)
            {
                this.Valeur = this.Valeur + 1;
            }
            /*txtNum.Text = this.Valeur.ToString();*/
        }
 
        private void btMoins_Click(object sender, RoutedEventArgs e)
        {
            if (this.Valeur > 1)
            {
                this.Valeur = this.Valeur - 1;
            }
            /*txtNum.Text = this.Valeur.ToString();*/
        }
 
        private void txtNum_PreviewKeyDown(object sender, KeyEventArgs e)
        {
            Key tmp = e.Key;
            if (!(tmp.ToString() == "D1" || tmp.ToString() == "NumPad1" ||
                  tmp.ToString() == "D2" || tmp.ToString() == "NumPad2" ||
                  tmp.ToString() == "D3" || tmp.ToString() == "NumPad3" ||
                  tmp.ToString() == "D4" || tmp.ToString() == "NumPad4" ||
                  tmp.ToString() == "D5" || tmp.ToString() == "NumPad5" ||
                  tmp.ToString() == "D6" || tmp.ToString() == "NumPad6" ||
                  tmp.ToString() == "D7" || tmp.ToString() == "NumPad7" ||
                  tmp.ToString() == "D8" || tmp.ToString() == "NumPad8" ||
                  tmp.ToString() == "D9" || tmp.ToString() == "NumPad9" ||
                  tmp.ToString() == "D0" || tmp.ToString() == "NumPad0" ||
                  tmp.ToString() == "Back" || tmp.ToString() == "Return" || 
                  tmp.ToString() == "Enter" || tmp.ToString() == "Tab"))
            {
                e.Handled = true;
            }
        }
 
        private void txtNum_LostFocus(object sender, RoutedEventArgs e)
        {
            if (txtNum.Text == "" || txtNum.Text == " ")
            {
                txtNum.Text = "1";
            }
        }
 
    }
}

Merci

**DonQuiche** · 12/08/2011, 11h44

Erf, je comprends mieux ta question et je n'avais pas songé à ce cas-ci. Dans le cas présent, MVVM n'a effectivement que peu d'intérêt et ne ferait qu'obscurcir le code. Et c'est vrai qu'en général, quand on crée des composants bas-niveaux comme des contrôles, on n'utilise pas MVVM. En revanche on fait en sorte que ces composants soient consommables par MVVM en ajoutant une DependencyProperty comme tu l'as fait.

On va plutôt utiliser MVVM pour des composants de plus haut niveau : fenêtres, pages, datatemplates, contrôles de haut niveau, etc. En fait, typiquement pour tout ce qui représente des objets métiers, par opposition à une NumericTextBox qui n'affiche qu'une valeur.

Enfin, WPF n'offre pas en standard de moyen de lier une commande à un événement, bien que MVVM light toolkit et d'autres offrent des outils pour ça. Donc, avec le WPF brut, tu ne pourrais pas gérer le PreviewKeyDown.

**rad_hass** · 12/08/2011, 12h48

Pour moi les principaux points positifs de MVVM sont :

- Une code plus facile à tester.
- Un code mieux découper (oui on peut faire aussi du mauvais Design en mvvm).

Les principaux inconvénient :

- Tout n'est pas bindable.
- MVVM n'est pas la solution à tout les problèmes.
- Il n y as pas une seul façon de faire du MVVM

**djmic** · 12/08/2011, 13h23

A mon avis je devrais revenir sur le sujet du MVVM pour le fonctionnement principal de mon programme. Mais j'ai plein d'autres question pour avancer dans mon projet, car à part mon UserControl que j'ai créé, je ne suis nul part.

Puis-je continuer sur ce sujet ou en créer un nouveau?

**BenoitM** · 12/08/2011, 13h52

Si le sujet est différent, c'est mieux d'en créer un nouveau
Si quelqu'un a le même souci que toi,il lui sera plus facile de trouver la solution si l'intitulé du sujet correspond au sujet

[débutant] Utilité du MVVM

Windows Presentation Foundation

Discussions similaires

Partager

Partager