Comment naviguer dans les fenêtres avec MVVM Light for WPF?

Je viens de commencer un nouveau projet dans lequel la couche de présentation sera faite par WPF et MVVM Light par GalaSoft.

J'ai besoin de beaucoup de points de vue et il n'est pas clair pour moi comment gérer la navigation à travers les fenêtres.

Tout d'abord, les modèles proposés dans MVVM Light pour la création d'un nouveau "WPF MVVM Vue de" créer un nouveau Window qui n'est pas possible de l'utiliser pour la navigation par image (je veux dire, en mettant une image dans mainView et de changer le chemin d'accès source pour naviguer).

Dois-je tout simplement pour changer Window à Page pour toutes les vues que j'ai créer à l'aide de modèles?

Ou est-il un autre moyen d'effectuer la navigation en WPF avec le MVVM Light toolkit?

source d'informationauteur zero51

20

J'ai l'habitude d'utiliser un ContentControl pour afficher du contenu dynamique. C'est Content propriété est généralement lié à une CurrentViewModel propriété dans le parent ViewModelet DataTemplates sont utilisés pour raconter WPF comment dessiner l'enfant ViewModels.

De changer de vue, il suffit de modifier le CurrentViewModel propriété dans le parent ViewModel

Vous pouvez trouver un exemple à cet article de la mine

Finalement je l'ai fait de cette façon.

En suivant l'idée de o_q, j'ai créé NavigationWindow comme MainWindow et changé tous les points de vue à la page.

Ensuite, j'ai créé une interface et une classe qui à l'aide de la Navigation:

public interface INavigationService
{
    event NavigatingCancelEventHandler Navigating;
    void NavigateTo(Uri pageUri);
    void GoBack();
}

public class NavigationService : INavigationService
{
    private NavigationWindow _mainFrame;

    #region Implementation of INavigationService

    public event NavigatingCancelEventHandler Navigating;
    public void NavigateTo(Uri pageUri)
    {

        if (EnsureMainFrame())
        {
            _mainFrame.Navigate(pageUri);
        }

    }

    public void GoBack()
    {
        if (EnsureMainFrame()
            && _mainFrame.CanGoBack)
        {
            _mainFrame.GoBack();
        }

    }

    #endregion

    private bool EnsureMainFrame()
    {
        if (_mainFrame != null)
        {
            return true;
        }

        _mainFrame = System.Windows.Application.Current.MainWindow as NavigationWindow;

        if (_mainFrame != null)
        {
            //Could be null if the app runs inside a design tool
            _mainFrame.Navigating += (s, e) =>
            {
                if (Navigating != null)
                {
                    Navigating(s, e);
                }
            };

            return true;
        }

        return false;
    }

}

Puis, dans le viewModelLocator j'ai créé tous les const string nedded pour stocker les chemins de mon point de vue:

public class ViewModelLocator
{

    #region Views Paths

    public const string FrontendViewPath = "../Views/FrontendView.xaml";
    public const string BackendViewPath = "../Views/BackendView.xaml";
    public const string StartUpViewPath = "../Views/StartUpView.xaml";
    public const string LoginViewPath = "../Views/LoginView.xaml";
    public const string OutOfOrderViewPath = "../Views/OutOfOrderView.xaml";
    public const string OperativeViewPath = "../Views/SubViews/OperativeView.xaml";
    public const string ConfigurationViewPath = "../Views/SubViews/ConfigurationView.xaml";
    #endregion

Dans L'App.cs, dans le gestionnaire d'événements Application_Startup, avec l'aide de l'Unité du Cio, je me suis inscrit à un singleton de NavigationService:

public partial class App : System.Windows.Application
{

    private static IUnityContainer _ambientContainer;
    public static IServiceLocator AmbientLocator { get; private set; }

    ...

   private void Application_Startup(object sender, System.Windows.StartupEventArgs e)
    {


       _ambientContainer =
           new UnityContainer();

       _ambientContainer.RegisterType<INavigationService, NavigationService>(new ContainerControlledLifetimeManager());

       AmbientLocator = new UnityServiceLocator(_ambientContainer);
       ServiceLocator.SetLocatorProvider(() => AmbientLocator);

Maintenant, dans mon ViewModelLocator, je peux enregistrer un "Galasoft" message d'attraper tous les événements et accédez à une page; dans le constructeur que j'ai:

    public ViewModelLocator()
    {
        CreateMain();
        CreateFrontend();
        CreateBackend();
        CreateStartUp();
        CreateOperative();
        CreateLogin();
        CreateConfiguration();
        CreateOutOfOrder();


        //Set Sturtup Page...
        ServiceLocator.Current.GetInstance<INavigationService>().NavigateTo(new Uri(StartUpViewPath, UriKind.Relative));

        Messenger.Default.Register<MoveToViewMessage>(this, message =>
        {
            switch (message.StateInfo.StateType)
            {
                case StateType.StartUpState:

                    ServiceLocator.Current.GetInstance<INavigationService>().NavigateTo(new Uri(StartUpViewPath,UriKind.Relative));
                    break;
                case StateType.LoginState:
                    ServiceLocator.Current.GetInstance<INavigationService>().NavigateTo(new Uri(LoginViewPath, UriKind.Relative));
                    break;
                case StateType.OperativeState:
                    ServiceLocator.Current.GetInstance<INavigationService>().NavigateTo(new Uri(OperativeViewPath, UriKind.Relative));
                    break;
                case StateType.ConfigurationState:
                    ServiceLocator.Current.GetInstance<INavigationService>().NavigateTo(new Uri(ConfigurationViewPath, UriKind.Relative));
                    break;
                case StateType.ClosedState:
                case StateType.OutOfOrderState:
                    ServiceLocator.Current.GetInstance<INavigationService>().NavigateTo(new Uri(OutOfOrderViewPath, UriKind.Relative));
                    break;
                default:
                    ServiceLocator.Current.GetInstance<INavigationService>().NavigateTo(new Uri(StartUpViewPath, UriKind.Relative));
                    break;
            }
        });

    }

De cette façon, je garde toutes les viewModels "ignorants"... ils ne savent rien au sujet de la navigation, je n'ai pas de code derrière.

Si j'en ai besoin pour naviguer à l'aide d'un bouton à partir d'un point de vue, je peut résoudre NavigationService de la viewModel et accédez à la Page dont j'ai besoin.

Et, plus important, il fonctionne!

Pour un navigables application, vous aurez envie de commencer l'affichage à être un NavigationWindow au lieu d'un Window

<NavigationWindow
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    x:Class="MainWindow"
    Title="My Application Title"
    Height="300"
    Width="400" />

Code derrière:

using System.Windows.Navigation;

public partial class MainWindow : NavigationWindow
{
    public MainWindow()
    {
        InitializeComponent();
    }
}

Le MVVM Light afficher les modèles de Windowmais comme vous l'avez deviné, il vous suffit de le changer. Si vous voulez être en mesure de naviguer et de ce point de vue, faire un Page.
C'est la façon dont vous naviguez:

<Page
    x:Class="Page1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Page1">
    <Grid>
        <!-- this button will navigate to another page -->
        <Button
            Content="Go to Page 2"
            Click="Button_Click" />
    </Grid>
</Page>

Code Derrière:

using System.Windows;
using System.Windows.Controls;

public partial class Page1 : Page
{
    public Page1()
    {
        InitializeComponent();
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        //the Page class has a property "NavigationService" which allows you to navigate.
        //you can supply the "Navigate" method with a Uri or an object instance of the page 
        base.NavigationService.Navigate(new Page2());
    }
}

Vous devez vous connecter pour publier un commentaire.