由于所有單元格都應(yīng)具有相同的大小，因此您也可以使用UniformGrid。正如 Leo Bartkus 建議的那樣，您可以使用代碼隱藏來生成單元格和文本框。為此，首先在 XAML 中為數(shù)獨表創(chuàng)建一個占位符：
<!-- Placeholder for Sudoku table (filled in code-behind) -->
<Border x:Name="SudokuTable" />
假設(shè)您使用的是Window，這是代碼隱藏：
public partial class MainWindow : Window
{
private const int InnerWidth = 3;
private const int OuterWidth = InnerWidth * InnerWidth;
private const int Thin = 1;
private const int Thick = 3;
public MainWindow()
{
InitializeComponent();
InitializeViewModel();
InitializeSudokuTable();
}
public SudokuViewModel ViewModel => (SudokuViewModel)DataContext;
private void InitializeViewModel()
{
DataContext = new SudokuViewModel(OuterWidth);
}
private void InitializeSudokuTable()
{
var grid = new UniformGrid
{
Rows = OuterWidth,
Columns = OuterWidth
};
for (var i = 0; i < OuterWidth; i++)
{
for (var j = 0; j < OuterWidth; j++)
{
var border = CreateBorder(i, j);
border.Child = CreateTextBox(i, j);
grid.Children.Add(border);
}
}
SudokuTable.Child = grid;
}
private static Border CreateBorder(int i, int j)
{
var left = j % InnerWidth == 0 ? Thick : Thin;
var top = i % InnerWidth == 0 ? Thick : Thin;
var right = j == OuterWidth - 1 ? Thick : 0;
var bottom = i == OuterWidth - 1 ? Thick : 0;
return new Border
{
BorderThickness = new Thickness(left, top, right, bottom),
BorderBrush = Brushes.Black
};
}
private TextBox CreateTextBox(int i, int j)
{
var textBox = new TextBox
{
VerticalAlignment = VerticalAlignment.Center,
HorizontalAlignment = HorizontalAlignment.Center
};
var binding = new Binding
{
Source = ViewModel,
Path = new PropertyPath($"[{i},{j}]"),
Mode = BindingMode.TwoWay
};
textBox.SetBinding(TextBox.TextProperty, binding);
return textBox;
}
}
嵌套循環(huán)為 81 個單元創(chuàng)建每個Border和TextBox。邊框的粗細是根據(jù)當(dāng)前單元格的位置確定的。這將為您提供典型的數(shù)獨表外觀。
文本框數(shù)據(jù)綁定到視圖模型的二維索引器屬性。這是視圖模型：
public class SudokuViewModel : ViewModelBase
{
private readonly string[,] _values;
public SudokuViewModel(int width)
{
_values = new string[width, width];
}
public string this[int i, int j]
{
get => _values[i, j];
set => Set(ref _values[i, j], value);
}
}
此索引器返回一個字符串，但您可能希望將其更改為整數(shù)并進行適當(dāng)?shù)霓D(zhuǎn)換和錯誤檢查。PropertyChanged在任何情況下，它都使用 MVVM Light在索引器屬性更新時引發(fā)事件。
我在這里用我的解決方案創(chuàng)建了一個存儲庫：https ://github.com/redcurry/Sudoku 。
