WPF C#：MVVM - 从 ViewModel 传递数独 -> 视图

Question

所以，我有一个关于 MVVM+WPF 的问题：目前，我有一个 Sudoku 工作，并且我设法以我喜欢在 WPF 中使用 Sudoku 的方式生成了一个 Sudoku。

我的应用程序中的数独 WPF 图像

问题是网格是由我在 MainWindow.xaml.cs 文件中编写的一些代码创建的，我认为它应该在 ViewModel 中。 MainWindow.xaml.cs 中有问题的代码：

namespace SodukoWPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        private SudokoGameDesu sudokuAdapter;

        public MainWindow()
        {
            InitializeComponent();
            sudokuAdapter = new SudokoGameDesu();


            CreateDynamicWPFGrid();
        }

        private void CreateDynamicWPFGrid()
        {
            // Create 9 rows & columns
            for (int i = 0; i < 9; i++)
            {
                // Create column
                sudokuGrid.ColumnDefinitions.Add(new ColumnDefinition());
            ... etc.

恕我直言，CreateDynamicWPFGrid() 应该移到我的 ViewModel 中。至少这是我认为这段代码最适合的地方。

namespace SodukoWPF.ViewModels
{
    public class SudokoPresenter : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        // TODO get .xaml.cs code in here

        public SudokoPresenter()
        {
            //CreateDynamicWPFGrid();
        }

在 CreateDynamicWPFGrid() 方法中，我使用 sudokuGrid，这是我的 .xaml 中的一个字段，因此我的代码也知道应该将我的 textBoxes/Blocks 添加到哪个网格中。

<Grid x:Name="contentGrid" HorizontalAlignment="Left" Height="570" Margin="0,0,0,0" VerticalAlignment="Top" Width="500">
        <Grid x:Name="sudokuGrid" HorizontalAlignment="Left" Height="420" Margin="0,50,0,0" VerticalAlignment="Top" Width="488">
        </Grid>

现在，无法从 .xaml.cs 代码外部访问此网格（当然）。所以在这一点上，我生成自己的 xaml 的方法（因为我认为这不能仅通过 xaml + 绑定来完成）给我一些问号，我是否正确应用了 MVVM。

理论上 ViewModel 不应该知道 View，但我仍然认为生成的 .xaml 应该在我的 SudokuPresenter - ViewModel 中，而不是在我认为最好应该为空的 .xaml.cs 中。

我还没有弄清楚如何将 SudokuGrid 导入到我的 ViewModel，但我的 MVVM 方法很可能一开始就有问题或被我误解了。

希望有人可以帮助我，这篇文章或多或少对我的困境有意义=）

（关于生成我自己的 .xaml 的 MVVM 方法 + 如果我做得或多或少正确，如何访问 sudokuGrid）

Answer 1

MVVM（以及一般的 wpf）的概念与您所展示的略有不同。

让我为您提供 MVVM 的每个元素在您的情况下应如何发挥作用的细分：

1. 模型 该模型几乎是您的数据持有者。它是对象，其中包含有关程序关键元素的信息，将在 ViewModel(s) 中进一步使用和处理。

在您的情况下，最基本的情况是单元格类和网格类。 Cell 类将包含基本的单元格信息：值、位置。 Grid 类将包含一组单元格，以及 ex 的方法。用于检索单元格 x 留给单元格 y，检索包含在框（3x3 数独方块）中的单元格等。

1. 视图模型

这将包含您的程序逻辑。现在，不要弄错了——这应该只包含当你在 GUI 的单元格中输入一个值时发生的事情——例如运行评估器以确保整个网格的正确性。

这也应该包含 Grid 类本身 - 所以它可以被 GUI 引用。

1. 观点：

这主要是您的 XAML。只要您不深入研究 IoC 容器、依赖注入（我认为您的第一个实际 MVVM 程序不应该这样做），您的 xaml.cs（视图代码隐藏）在大多数情况下都会保留没有任何变化。

视图可以包含一个 UniformGrid，它有一个用于每个单元格外观的特定模板，并且该 uniformgrid 将绑定到单元格集合 - 它将位于您的 Grid 模型类中。

现在，大多数没有 MVVM 背景的人会说：“但我可以给它们命名吗？我将如何引用那些抽象的、动态创建的单元类？”

这样，UI 将自己创建所有单元格，并且每个单元格都会自动分配给某个单元格类，因此它会知道您刚刚输入的值将存储在单元格类的 X 实例中.

您的目标是设计方法/类结构，这将允许您轻松地“间接”执行任何所需的操作（例如，位于 Game 类中并检查框（3x3 网格）中的所有单元格的方法根据数独规则输入。

我希望你掌握了这个概念，请随时提出任何问题，我很乐意提供示例代码来更好地解释这些特定概念。

Answer 2

你可以像下面这样使用监督控制器模式

1 ) 定义接口 IView，ViewModel 将在其中使用所需的方法与 View 对话

public interface IView 
{
    void CreateDynamicWPFGrid();
}

2) 从 IView 继承 View 后面的代码并实现 IView.CreateDynamicWPFGrid() 方法

  public partial class View : IView 
{
    public void CreateDynamicWPFGrid() 
    {  
        // implement here your custom view logic using standard code behind; 
    }
}

3 ) 将 IView 类型的属性添加到您的 viewModel

    public class ViewModel 
{
    public IView View { get; set; }
}

4 ) 将 viewmodel 上的 View 属性设置为 IView 的 View 实例，例如在 DataContext.View = this as IView 后面的代码中；或者在 Caliburn 中你可以使用 IScreen.OnViewAttached 覆盖方法）

public View()
{

    (DataContext as ViewModel).View = this as IView;
} 

public void CreateDynamicWPFGrid() 
{  
    // implement here your custom view logic using standard code behind; 
}

5 ) 在您的视图模型中调用 IView.CreateDynamicWPFGrid()

    public class ViewModel 
{
    public IView View { get; set; }

    public void CreateDynamicWPFGrid() 
    {
        if (View == null)
        {
          return;
       } 
        View.CreateDynamicWPFGrid()
    }
}