WPF入门（1）——DataContext

朴灿烈づ我的快乐病毒、 2023-06-05 12:35 27阅读 0赞

在WPF中，应用程序有两层：UI层和Data层。这里新建一个项目说明哪些是UI层，哪些是数据层。  
![871381-20191008180535637-94511280.png][]  
UI层很明显，就是用户看到的界面。但是数据层并不是下图所示：  
![871381-20191008180650057-969932675.png][]  
上图中是UI层view的后台代码。当然，你可以使用事件的方式把所有的业务逻辑代码写到这里，但是我们采用MVVM的时候业务逻辑是与这里解耦的，数据层是DataContext，此时并没有指定。  
接下来我们新建个目录，然后添加个类文件：  
![871381-20191008181204073-1907902786.png][]  
然后指定VM类为DataContext：  
![871381-20191008181310758-872010646.png][]  
此时我们才算为MVVM模式的wpf应用程序创建了数据层，也就是MainViewModel类。

默认，应用程序的数据层（DataContext）是null，我们可以使用DataContext属性对其进行设置。  
除非另行指定，否则所有UI对象都将从其父对象继承其DataContext。  
实际上DataContext才算是我们的实际应用程序（业务逻辑），他通常由ViewModels和Models组成。  
UI对象（如按钮，标签，DataGrids甚至Windows）实际作用是允许用户轻松与DataContext交互。  
当你写`<Label Name="myLabel" Content="{Binding Path=Name}" />`你是绑定到myLabel.DataContext.Name，而不是myLabel.Name。

<Window x:Name="MyWindow"> 
     
        
        <StackPanel> 
     
            
            <Label Content="{Binding Name}" />
     
             
            <StackPanel DataContext="{Binding ClassB}">
     
                
                <Label Content="{Binding Name}" />
     
                
                <Label Content="{Binding 
                           ElementName=MyWindow, 
                           Path=DataContext.Name}" /> 
            </StackPanel>
     
            
            <Label Content="{Binding ClassB.Name}" />
        </StackPanel>
    </Window>

所有基本绑定都在UI对象的数据层（DataContext）中寻找它们的值。  
综上所述，WPF应用程序具有两层：UI层和数据层。应用程序的数据层以null开头，可以使用DataContext属性设置。未设置DataContext的UI对象将从其父对象继承其数据层。绑定用于在数据层中查找值，并在UI层中显示它们。  
使用MVVM设计模式时，数据层是您的应用程序，而UI层只是提供了一种用户友好的方式来访问数据层。

datacontext的绑定  
可以在view的后台代码中手动指定例如在构造函数中：

var cont = new MainViewModle();
    DataContext = cont;

另外也可以写到资源中，首先需要写一个viewmodel类：

public MainViewModel()
    {
        plusCommand = new PlusCommand(this);
    }

然后把vm类放到资源中：

<UserControl.Resources>
        <vm:CalculatorViewModel x:Key="calculatorVM" />
    </UserControl.Resources>

最后就可以在xaml中指定了：

DataContext="{Binding Source={StaticResource calculatorVM}}"

WPF使用DataContext将数据层与UI层实现了解耦，那么他们之间是如何交互的？实际上上面已经略有涉猎，那就是Binding，上面实例的ClassA、ClassB的Name就是通过Binding来展示到UI上的，详细介绍在下一篇文章中再做说明。

参考：[https://rachel53461.wordpress.com/2012/07/14/what-is-this-datacontext-you-speak-of/][https_rachel53461.wordpress.com_2012_07_14_what-is-this-datacontext-you-speak-of]

转载于:https://www.cnblogs.com/feipeng8848/p/11637108.html

[871381-20191008180535637-94511280.png]: /images/20230601/0186a4bf5f714a1bb879af312d9e4c0b.png
[871381-20191008180650057-969932675.png]: /images/20230601/db47a8c9e624475b96690807f699aa83.png
[871381-20191008181204073-1907902786.png]: /images/20230601/0e3aab49bd3847feb0df4f6c65ee3ab6.png
[871381-20191008181310758-872010646.png]: /images/20230601/7806fd5997e9499ea6a008dc20767515.png
[https_rachel53461.wordpress.com_2012_07_14_what-is-this-datacontext-you-speak-of]: https://rachel53461.wordpress.com/2012/07/14/what-is-this-datacontext-you-speak-of/