WPFMVVM:动态添加控件与数据绑定的最佳实践

本文将探讨如何在WPF应用程序中使用MVVM模式动态添加控件并进行数据绑定。以创建一个虚拟键盘为例，其中包含多个按键。实现效果如下：

传统的做法是创建一个单独的按键控件（singleKey），然后在后台代码中动态添加到父控件中，并进行绑定。这种方法虽然可行，但并不符合MVVM模式的核心思想，无法充分利用MVVM带来的便捷性和灵活性。

使用MVVM模式实现动态添加控件的步骤如下：

1. 创建单个按键的ViewModel，定义需要绑定的属性。
2. 在ViewModel中使用可观察集合（ObservableCollection），并将其绑定到View的ItemsSource属性上。
3. 在DataTemplate中定义按键的显示方式。

以下是具体的实现代码示例：

ViewModel部分：

public ObservableCollection Keysets { get; set; }

View部分：

通过这种方式，我们无需在后台编写大量代码，只需修改ViewModel中的数据，View就会自动更新显示内容。

此外，还可以参考一些专家的建议。例如，如果真正想实现MVVM模式，应该尽量避免考虑“如何添加控件”，而是专注于ViewModel的设计。WPF会自动为我们创建所需的控件。

假设我们有一个搜索功能，包含一个搜索条目ViewModel（SearchEntryViewModel）和一个搜索ViewModel（SearchViewModel）。具体实现如下：

ViewModel部分：

public class SearchEntryViewModel { // 绑定到ComboBox和TextBox的属性 } public class SearchViewModel { public ObservableCollection MySearchItems { get; set; } public ICommand AddSearchItem { get; } }

View部分：

此时，ItemsControl会显示所有SearchEntryViewModel对象（默认显示ToString()方法的结果）。为了满足显示每个SearchEntryViewModel的需求，可以在资源中定义一个DataTemplate：

这样，我们就不需要考虑如何动态添加控件，只需要向集合中添加新的SearchEntryViewModel对象即可。

这种方法称为ViewModel优先，被认为是实现MVVM模式的最简单方式。

在实际应用中，通常的做法是创建一个UserControl视图，并在DataTemplate中引用它：

参考资料：https://www.cnblogs.com/fdyang/p/3877309.html