Discussion :

[Daïmanu]

Bonjour.

Je débute avec l'utilisation du framework WPF + MVVM light.

Je cherche à faire une application qui où on peut naviguer entre plusieurs fenêtres.

Actuellement j'ai l'architecture suivante, largement inspirée de plusieurs posts sur le Net :

Code App.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
<Application x:Class="ManageUsers.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:v="clr-namespace:ManageUsers.View"
             xmlns:vm="clr-namespace:ManageUsers.ViewModel"
             StartupUri="MainWindow.xaml">
 
    <Application.Resources>
        <vm:ViewModelLocator x:Key="Locator" d:IsDataSource="True" />
        <DataTemplate DataType="{x:Type vm:ListViewModel}">
            <v:ListView />
        </DataTemplate>
        <DataTemplate DataType="{x:Type vm:EditViewModel}">
            <v:EditView />
        </DataTemplate>
    </Application.Resources>
 
</Application>

Code MainWindow.xaml :

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

1
2
3
4
5
6
<Window x:Class="ManageUsers.MainWindow" DataContext="{Binding Main, Source={StaticResource Locator}}">
 
    <DockPanel>
        <ContentControl Content="{Binding CurrentViewModel}" />
    </DockPanel>
</Window>

Code MainWindowViewModel.cs :

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
using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;
using ManageUsers.Model;
using System.Windows.Input;
 
namespace ManageUsers.ViewModel {
    public class MainViewModel : ViewModelBase {    
        public MainViewModel() {
            CurrentViewModel = MainViewModel._firstViewModel;
            GotoEdit = new RelayCommand(() => CurrentViewModel = _firstViewModel);
            GotoList = new RelayCommand(() => CurrentViewModel = _secondViewModel);
        }
 
        private ViewModelBase _currentViewModel;
 
        readonly static ListViewModel _firstViewModel = new ListViewModel();
        readonly static EditViewModel _secondViewModel = new EditViewModel();
 
        public ViewModelBase CurrentViewModel {
            get {
                return _currentViewModel;
            }
            set {
                if (_currentViewModel == value)
                    return;
                _currentViewModel = value;
                RaisePropertyChanged("CurrentViewModel");
            }
        }
 
        public ICommand GotoEdit { get; private set; }
        public ICommand GotoList { get; private set; }
 
    }
}

Dans tous les exemples en ligne que j'ai consulté, le bouton pour changer de vue est au niveau du MainWindow, à côté de <ContentControl />.
Mais comment changer de vue si le bouton est au niveau du UserControl ? Comment remonter la commande de ListView à MainViewModel ?

Merci.

[micka132]

Je comprends pas le soucis, avec le code que tu as tu binds juste la commande de tes boutons à tes RelayCommand et ca devrait fonctionner.
Ou alors justement tu veux savoir comment faire pour mettre les boutons à l’intérieur d'une "vue" un peu ou tu en as envie, ou même pouvoir naviguer sans boutons (traitement issue d'une logique quelconque).
Dans ce cas là si tu veux garder un couplage faible stricte il faut passer par une messagerie, Messenger pour mvvm light.
Ton Main est abonné à 2 types de messages différent, et lorsqu'il en reçoit un va simplement modifier le CurrentViewModel comme le font tes RelayCommand.

Tu peux également faire une entorse au couplage strict et considérer que ton Main va pas changer tout les 4 matins et exposer des commandes statics ou avoir une reference de ton main dans chacune des autres viewmodels. Je suis pas trop fan, mais le systeme de messagerie peut vite devenir compliqué à maintenir!

[Daïmanu]

Hello.

C'est ça le soucis, la vue n'a accès qu'aux RelayCommands de sa vue-modèle (ListViewModel.cs) qui elle n'a pas n'a pas accès à la vue-modèle principale (MainWindowViewModel.cs), à moins de jongler avec les DataTemplate / Binding que je ne maitrise absolument pas.

L'histoire des Messages me plait bien, je vais regarder de ce côté là.

Merci.

[Daïmanu]

J'ai pu me dépatouiller grâce aux messages et faire ce que je voulais.

Du coup j'ai un fonction qui Register les messages dans le MainViewModel, et le message est envoyé lors de l'appui du bouton.

Merci pour le tuyau