(WPF) MVVM: 动态添加控件及绑定。

最新推荐文章于 2024-08-17 09:00:00 发布

weixin_30670925

最新推荐文章于 2024-08-17 09:00:00 发布

阅读量2.1k

点赞数

文章标签： c#

原文链接：http://www.cnblogs.com/fdyang/p/3877309.html

版权

本文探讨如何在WPF中使用MVVM模式动态添加控件并进行数据绑定。传统的做法是在后台代码中添加控件并绑定，但这种方式并不符合MVVM理念。通过创建ViewModel，利用可观察集合绑定到View的ItemsSource，可以实现控件的动态生成。DataTemplate用于定义单个键的显示。遵循ViewModel First方法，避免直接操作UI，只需关注ViewModel，WPF会自动创建相应的视图。

摘要由CSDN通过智能技术生成

比如需要显示一个键盘，里面有各个按键。实现的效果如下：

之前的思路，就是建立一个singleKey的控件，然后在后台用代码动态的添加到父控件里去，再用代码在后台进行绑定。

这种实现方法并不是真正的MVVM的模式。体会不到MVVM带来的便捷和惊喜。

用MVVM模式来实现时的思路如下：

1. 建立singleKey的ViewModel，定义需要绑定View的属性。

2. 在Key的ViewModel中，使用可观察集合，并绑定到View的ItemsSource上。

ViewModel

        public ObservableCollection<DutSingleKeyViewModel> Keysets
        {
            get
            {
                return this.keysets;
            }
            set
            {
                this.keysets = value;
            }
        }

3. 对于singleKey的显示，可以在DataTemplat里面定义。

View

    <UserControl.DataContext>
        <vm:DutKeysetViewModel />
    </UserControl.DataContext>
    <UserControl.Resources>
        <DataTemplate DataType="{x:Type vm:DutSingleKeyViewModel}">
            <Canvas>
                <Grid