建立連接

在WPF當中,需要為View與ViewModel建立連接, 我們需要找到View的DataContext, 如下所示:

建立連接的方式

如果你使用了解WPF當中如何綁定DataContext, 你應(yīng)該能想到會有下面這些方式進行:

• XAML設(shè)置
• Code設(shè)置 (構(gòu)造函數(shù)注入 或 ViewModelLocator)

XAML的方式:

 <UserControl.DataContext>
        <.../>
 </UserControl.DataContext>

代碼的方式:

    public partial class ViewA : UserControl
    {
        public ViewA()
        {
            InitializeComponent();
            this.DataContext = null; //設(shè)定
        }
    }

如果你使用過第三方的MVVM框架, 標準的ViewModelLocator可能如下所示:

嗯...確實,這些方式都可以建立View-ViewModel關(guān)系。

但是,這一切并不是Prism想表達的內(nèi)容, 甚至不建議你按上面的方式去做, 因為這樣幾乎打破了開發(fā)的所有原則。

(我們把View與ViewModel的關(guān)系編碼的方式固定了下來, 通過靜態(tài)類去維護ViewModel的關(guān)系...)

Prism ViewModelLocator

在Prism當中, 你可以基于命名約定, 便能夠輕松的將View/ViewModel建議關(guān)聯(lián)。如下所示:

假設(shè)你已經(jīng)為項目添加Views/ViewModels文件夾。此時, 你的頁面為ViewA, 則對應(yīng)的ViewModel名稱為 ViewAViewModel。

下面則是錯誤的命名方法:

當遵循了命名規(guī)范后, 是不是意味著就能夠進行自動綁定? 不, 此時還需要在View當中聲明,允許當前View自動裝配ViewModel:

細心的你會發(fā)現(xiàn), 這也就是為什么, 使用VisualStudio Tmeplate Pack創(chuàng)建的空白項目的時候, 為什么項目會為你默認創(chuàng)建Views/ViewModels文件夾。

當然, 任性的我們也可以選擇不遵循這個約定, 盡管它看起來似乎也能夠很好的進行工作...

更改約定

實際的開發(fā)中, 我們可能有些清空無法遵循此規(guī)則, 如下所示,我們定義Controls文件夾放View, ViewModels文件夾放ViewModel:

修改方式:

1.使用ViewModelLocationProvider設(shè)置默認視圖類型指定的ViewModel。

ViewModelLocationProvider.SetDefaultViewTypeToViewModelTypeResolver((viewType) =>
            {
                var viewName = viewType.FullName;
                var assemblyName = viewType.Assembly.FullName;
                var vmName = $"{viewName.Replace("Controls", "ViewModels")}ViewModel, {assemblyName}";
                return Type.GetType(vmName);
            });

該代碼的最終意思就是,將原有的View命名控件命名改成了符合約定的命名。

2.使用ViewModelLocationProvider指定View與ViewModel的類型。

        public void RegisterTypes(IContainerRegistry containerRegistry)
        {
            ViewModelLocationProvider.Register<ControlA, ControlAViewModel>();

            //ViewModelLocationProvider.Register<ControlA>(() => new ControlAViewModel() { Text = "Hello from Factory" });
        }