WPF MVVM 架构 Step By Step（添加bindings - 完全去掉后台代码）

Posted 2020-11-10 lonelyxmas

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了WPF MVVM 架构 Step By Step（添加bindings - 完全去掉后台代码）相关的知识，希望对你有一定的参考价值。

　　之前的改进已经挺棒的，但是我们现在知道了后台代码的问题，那是否可能把后台代码全部去除呢？这时候就该WPF binding 和 commands 来做的事情了。

　　WPF就是以超吊的binding，commans和声明式编程而闻名的。声明式编程意思就是相比于全部用C#代码来写，我们也可以用XAML来表示c#代码。Binding可以帮助我们把2个不同的WPF对象连接起来来发送和接收数据。

　　你看到现在的映射C#代码有3个步骤：

　　下面是一个用来展示C#代码和XAML代码的表格

Import	C# code	XAML code
Import	using CustomerViewModel;	xmlns:custns="clr- namespace:CustomerViewModel;assembly=Custo merViewModel"
Create object	CustomerViewModelobj = new CustomerViewModel(); obj.CustomerName = "Shiv"; obj.Amount = 2000; obj.Married = "Married";	<Window.Resources> <custns:CustomerViewModel x:Key="custviewobj" TxtCustomerName="Shiv" TxtAmount="1000" IsMarried=”true”/>
Bind	lblName.Content = o.CustomerName;	<Label x:Name="lblName" Content="{Binding TxtCustomerName, Source={StaticResourcecustviewobj}}"/>

　　你不需要去写后台的绑定代码，我们可以选择一个UI元素，按F4再去选择所要绑定的属性，这个步骤会把代码插入到XAML里面去，当然也可以自己手写。

技术分享图片

　　指定映射的时候你可以选择StaticResource然后指定在view model和UI元素之间的绑定。

技术分享图片　　

　　如果你去看xaml.cs中的后台代码，你会发现根本没有任何GLUE代码，也没有转换和映射的代码。唯一有的代码只有WPF用来初始化WPF UI的规范代码。

 public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }       
    }

以上是关于WPF MVVM 架构 Step By Step（添加bindings - 完全去掉后台代码）的主要内容，如果未能解决你的问题，请参考以下文章