Windows Phone Mvvm Light在視圖之間導航

Question

我是Windows手機的新手。 我想創建一個應用程序但實際上我遇到了Binding命令的問題。

我想點擊，改變視圖

在我的主頁上我有2個按鈕：在View文件夾的MainPage.xaml中登錄/注冊

<phone:PhoneApplicationPage>

    <Grid>
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="Black" Offset="0"/>
                <GradientStop Color="#FF563AA0" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>

        <ContentControl Content="{Binding CurrentViewModel}" />

        <Button 
            Command="{Binding ConnexionViewCommand}"
            x:Name="Connexion_button" 
            HorizontalAlignment="Left" 
            Margin="90,308,0,0"
            Content="Login" 
            VerticalAlignment="Top" 
            Width="282"/>
        <Button 
            Command="{Binding InscriptionViewCommand}"
            x:Name="Create_account" 
            HorizontalAlignment="Left" 
            Margin="90,446,0,0"
            Content="Create Account" 
            VerticalAlignment="Top" 
            Width="282"/>
    </Grid>

</phone:PhoneApplicationPage>

我的文件夾中有3個文件查看：ConnexionView.xaml和InscriptionView.xaml，以及MainPage.xaml

我的文件夾中的5個文件ViewModel：ConnexionViewModel.cs，InscriptionViewModel.cs，MainPageViewModel.cs，MainViewModel.cs和ViewModelLocator.cs

我嘗試按照這個例子，但我不太了解。

http://www.codeproject.com/Articles/323187/MVVMLight-Using-Two-Views

我在我的MainViewModel.cs中添加此代碼，但我不知道我現在要做什么。

namespace TeysserApp.ViewModel
{
    public class MainViewModel : ViewModelBase
    {
        private ViewModelBase _currentViewModel;

        readonly static ConnexionViewModel _ConnexionViewModel = new ConnexionViewModel();
        readonly static InscriptionViewModel _InscriptionViewModel = new InscriptionViewModel();
        readonly static MainPageViewModel _MainPageViewModel = new MainPageViewModel();


        public ViewModelBase CurrentViewModel
        {
            get
            {
                return _currentViewModel;
            }
            set
            {
                if (_currentViewModel == value)
                    return;
                _currentViewModel = value;
                RaisePropertyChanged("CurrentViewModel");
            }
        }
        public ICommand ConnexionViewCommand { get; private set; }
        public ICommand InscriptionViewCommand { get; private set; }

        public MainViewModel()
        {
            CurrentViewModel = MainViewModel._MainPageViewModel;
            ConnexionViewCommand = new RelayCommand(() => ExecuteCommandViewCommand());
            InscriptionViewCommand = new RelayCommand(() => ExecuteInscriptionViewCommand());
        }
        private void ExecuteConnexionViewCommand()
        {
            CurrentViewModel = MainViewModel._ConnexionViewModel;
        }

        private void ExecuteSecondViewCommand()
        {
            CurrentViewModel = MainViewModel._InscriptionViewModel;
        }

    }
}

這是我的ViewModelLocator.cs

namespace TestApp.ViewModel
{
    /// <summary>
    /// This class contains static references to all the view models in the
    /// application and provides an entry point for the bindings.
    /// <para>
    /// See http://www.galasoft.ch/mvvm
    /// </para>
    /// </summary>
    public class ViewModelLocator
    {
        static ViewModelLocator()
        {
            ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);

            if (ViewModelBase.IsInDesignModeStatic)
            {
                // SimpleIoc.Default.Register<IDataService, Design.DesignDataService>();
            }
            else
            {
                // SimpleIoc.Default.Register<IDataService, DataService>();
            }

            SimpleIoc.Default.Register<MainViewModel>();
            SimpleIoc.Default.Register<ConnexionViewModel>();
            SimpleIoc.Default.Register<InscriptionViewModel>();
        }

        /// <summary>
        /// Gets the Main property.
        /// </summary>
        [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Performance",
            "CA1822:MarkMembersAsStatic",
            Justification = "This non-static member is needed for data binding purposes.")]
        public MainViewModel Main
        {
            get { return ServiceLocator.Current.GetInstance<MainViewModel>(); }
        }
        public ConnexionViewModel ConnexionView
        {
            get { return ServiceLocator.Current.GetInstance<ConnexionViewModel>(); }
        }
        public InscriptionViewModel InscriptionView
        {
            get { return ServiceLocator.Current.GetInstance<InscriptionViewModel>(); }
        }
    }
}

這是我的App.xaml

<Application
    x:Class="TeysserApp.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:views="clr-namespace:TeysserApp.Views"
    xmlns:vm="clr-namespace:TeysserApp.ViewModels"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone">

<Application.Resources>
    <vm:ViewModelLocator x:Key="Locator" />
    <ResourceDictionary>
        <DataTemplate DataType="{x:Type vm:ConnexionViewModel}">
            <view:ConnexionView />
        </DataTemplate>
        <DataTemplate DataType="{x:Type vm:InscriptionViewModel}">
            <view:InscriptionView />
        </DataTemplate>
    </ResourceDictionary>
    <local:LocalizedStrings xmlns:local="clr-namespace:TeysserApp" x:Key="LocalizedStrings"/>
</Application.Resources>

    <Application.ApplicationLifetimeObjects>
        <!--Objet requis qui gère les événements de durée de vie pour l'application-->
        <shell:PhoneApplicationService
            Launching="Application_Launching" Closing="Application_Closing"
            Activated="Application_Activated" Deactivated="Application_Deactivated"/>
    </Application.ApplicationLifetimeObjects>

</Application>

謝謝你的幫助。

Answer 1

在MVVM Light 5中， Laurent介紹了NavigationService

public ViewModelLocator()
{
    ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);

    var navigationService = this.CreateNavigationService();

    SimpleIoc.Default.Register<INavigationService>(() => navigationService);

    SimpleIoc.Default.Register<IDialogService, DialogService>();

    SimpleIoc.Default.Register<MainViewModel>();
    SimpleIoc.Default.Register<DetailsViewModel>();
}

private INavigationService CreateNavigationService()
{
  var navigationService = new NavigationService();
  navigationService.Configure("Details", typeof(DetailsPage));
  // navigationService.Configure("key1", typeof(OtherPage1));

//From a working project.
navigationService.Configure("tnc", new System.Uri("/Views/TncAgreement.xaml", System.UriKind.Relative));


 return navigationService;
}

你的ViewModel

public class MainViewModel : ViewModelBase
{

 private INavigationService navigationService;

 public RelayCommand DetailsCommand { get; set; }

 public MainViewModel(INavigationService navigationService)
 {
     this.navigationService = navigationService;

      //Show Terms and condition agreement;
      navigationService.NavigateTo("tnc");

     DetailsCommand = new RelayCommand(() =>
    {
        navigationService.NavigateTo("Details", "My data");
    });
 }
}

類似SO 答案

Answer 2

當您按下Connexion按鈕時，運行方法ExecuteFirstViewCommand()但是這不存在，您需要更改lambda操作方法ExecuteConnexionViewCommand() 。 如果這不能解決它，那么你可以在運行時調試代碼，看看是否正在更新CurrentViewModel 。

確保它封裝在資源字典中！

<Application.Resources>
    <ResourceDictionary>
    </ResourceDictionary>
</Application.Resources>