[Débutant] Naviguer d'un usercontrol à un autre

Version imprimable

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:

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:

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:

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.

03/10/2016, 21h28
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!
04/10/2016, 10h13
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.
04/10/2016, 11h35
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 :ccool: