跨视图模型共享模型的 C# WPF 最佳实践

Question

1. 我正在编写一个小型科学程序。它有很多变量作为输入。
2. 用户必须在窗口（或用户界面）中输入所有输入变量。但是，我无法将所有输入都放在一个窗口 (XAML) 中。因此，我创建了几个视图，用户只需按下 NEXT 按钮即可在下一个视图中输入数据。
3. 所有这些视图都有关联的视图模型。它们都继承自基础 ViewModel。
4. 所以，我的问题是：我是否在基本 ViewModel 中编写所有变量的属性？像这样：

namespace ScienceProgram
{
    public abstract class BaseViewModel : INotifyPropertyChanged
    {

        #region Usual Boiler-plate stuff for BindableBase

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged([CallerMemberName] string name = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
        }       
        #endregion

        #region Properties (All scientific parameters and calculations )

        public double ParamA { get; set; }
        public double ParamB { get; set;  }
        // ...
        // Lots of parameters //
        // ...
        public double ParamA23 { get; set;  }


        public double TotalLength()
        {
            return ParamA + ParamB + ParamA23;                
        }

        // ...
        // Lots of other methods 
        // ...

        #endregion 

    }
}

5. 或者我是否为所有输入参数创建一个单独的类（例如 ScienceParameters.cs）并执行以下操作（这就是我正在做的）：

namespace ScienceProgram
{
    public abstract class BaseViewModel : INotifyPropertyChanged
    {

        // Global Parameter // Shared across ViewModels //
        public static ScienceParameters scienceParameters = new ScienceParameters ();

        #region Usual Boiler-plate stuff for BindableBase

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged([CallerMemberName] string name = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
        }       
        #endregion

    }
}

6. 我使用的是后一种方法。当用户在文本框中输入数据时，我只是将其存储为：

namespace ScienceProgram
{
    public class UserInputView1ViewModel : BaseViewModel
    {
        #region User Input 
        private double _paramA;
        public double ParamA
        {
            get { return _paramA; }
            set
            {                
                _paramA = value;                
                OnPropertyChanged("ParamA");

                // Store Value // 
                scienceParameters.ParamA = value;
            }
        }
    }
}
        #endregion

1. 正确的方法是什么？或者，还有更好的方法？
2. 我一直在寻找一些最佳实践，但我一直被定向到 EventAggregator 并使用单例。我不认为我需要那些。
3. 我认为解决方案是“将模型传递给视图模型的构造函数。”正如许多人所说。但我对如何做到这一点有点困惑。这不会在每个视图模型中创建一个新实例吗？
4. 对不起，如果这听起来像一个愚蠢的问题，但过去一周我一直在寻找一个直接的答案，但还没有找到解决方案。

提前非常感谢。

Answer 1

你已经接近了。我看到您正在复制可能导致维护问题的数据存储的区域。根据您所说的，我认为您使用 BaseViewModel 的方法是不必要的（但如果您按照我在此处的回答，我将向您展示如何使 BaseViewModel 比您使用它的用途更有用）。

如果我理解正确，您有多个视图，因为您希望用户按“NEXT”进入下一个导航视图。每个 View 都有一个关联的 ViewModel。但在底层，您希望将所有属性收集到一个类实例中。

对我来说，这里的最佳实践是学习 MVVM 架构。来自 MVVM 的关键学习是理解“关注点分离”。主要是，您的数据（即所有用户的输入值，也就是“模型”）与您在 UI 中呈现给他们的视图和视图模型无关。阅读此内容，您将更好地掌握这一良好做法。

我会这样做。

1) 创建一个模型类 (ScienceParameters.cs)，它将包含您希望用户输入的所有属性。示例：

public class ScienceParameters
{
        public double ParamA { get; set; }
        public double ParamB { get; set;  }
        // ...
        // Lots of parameters //
        // ...
        public double ParamA23 { get; set;  }


        public double TotalLength()
        {
            return ParamA + ParamB + ParamA23;                
        }  
}

然后在您呈现给用户的每个 UI 上，您将向他们展示一个视图和一个关联的 ViewModel，让他们可以访问“查看/获取”或“存储/设置”部分数据。示例：

public class UserInput1ViewModel: INotifyPropertyChanged
{
        public UserInput1ViewModel(ScienceParameters model)
        {
            this.Model = model;
        }

        public ScienceParameters Model { get; private set; }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged([CallerMemberName] string name = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
        }       

        public double ParamA
        {
            get { return this.Model.ParamA; }
            set
            {   
                // Store the user's data directly into the Model, not the ViewModel!
                this.Model.ParamA = value;                
                OnPropertyChanged(nameof(this.ParamA));  // <-- avoid magic words like "ParamA" in quotes, this is bad coding and can cause maintenance issues.
            }
        }

}
public class UserInput2ViewModel: INotifyPropertyChanged
{
        public UserInput2ViewModel(ScienceParameters model)
        {
            this.Model = model;
        }

        public ScienceParameters Model { get; private set; }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged([CallerMemberName] string name = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
        }       

        public double ParamB
        {
            get { return this.Model.ParamB; }
            set
            {   
                this.Model.ParamB = value;                
                OnPropertyChanged(nameof(this.ParamB));
            }
        }

}

额外积分：

如果你想消除在每个 ViewModel 中编写 PropertyChanged 垃圾的重复性，那么将其放入 BaseViewModel 中。

public class BaseViewModel : INotifyPropertyChanged
{
        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged([CallerMemberName] string name = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
        }       
}

然后从您的 ViewModel 中删除所有那些 PropertyChanged 行，而是使用基础定义每个 ViewModel：

public class UserInput1ViewModel: BaseViewModel
{
   // ...
}