MVVM指示灯无法在Windows 10 Universal应用程序中运行

Question

我尝试在我们的Windows 10 Universal应用程序中使用MVVMLight,但似乎它完全无法工作.我见过这个博客

Nuget下载并添加了对MVVM Light程序集的引用

Nuget还在Application.Resources中添加了ViewModelLocator.

无法看到定位器 Application.Resources

Answer 1

您需要手动创建ViewModelLocator,请按照以下步骤操作:

1. 创建一个新的Windows 10 Universal应用程序,例如:MVVMLightUWPApp1
2. 使用NuGet Package Manager添加对MVVMLight的引用
3. 为您的UWP应用添加一个文件夹,例如:ViewModel
4. 在ViewModel文件夹下,添加两个类:MainViewModel和ViewModelLocator

在MainViewModel.cs中:

namespace MVVMLightUWPApp1.ViewModel
{
    public class MainViewModel
    {
        public string MSG { get; set; }
        public MainViewModel()
        {
            MSG = "Test Message";
        }
    }
}

在ViewModelLocator.cs中:

namespace MVVMLightUWPApp1.ViewModel
{
    public class ViewModelLocator
    {/// <summary>
     /// Initializes a new instance of the ViewModelLocator class.
     /// </summary>
        public ViewModelLocator()
        {
            ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);

            ////if (ViewModelBase.IsInDesignModeStatic)
            ////{
            ////    // Create design time view services and models
            ////    SimpleIoc.Default.Register<IDataService, DesignDataService>();
            ////}
            ////else
            ////{
            ////    // Create run time view services and models
            ////    SimpleIoc.Default.Register<IDataService, DataService>();
            ////}

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

        public MainViewModel Main
        {
            get
            {
                return ServiceLocator.Current.GetInstance<MainViewModel>();
            }
        }

        public static void Cleanup()
        {
            // TODO Clear the ViewModels
        }
    }
}

5. 在App.xaml中:

   <Application.Resources>
      <vm:ViewModelLocator xmlns:vm="using:MVVMLightUWPApp1.ViewModel"
                                  x:Key="Locator" />
   </Application.Resources>
   

6. 在View中,将DataContext设置如下:

   DataContext="{Binding Main, Source={StaticResource Locator}}"
   

7. 现在,您可以设置与VM的绑定,例如:

   <TextBlock Text="{Binding MSG}" FontSize="50" />
   

好好享受:)