WPF教程（二）DataContext绑定数据

（一）基础知识

DataContext属性是绑定的默认源，除非你具体指定了另外一个源，比如我们使用了ElementName属性。它由FrameworkElement类定义，大部分UI控件包括WPF窗口都继承于此类。简单地说，它允许你指定一个绑定的基。

DateContext并没有默认源(刚开始的时候是NULL)，但是它贯穿整个空间层次结构，你可以为窗口设置一个DataContext，然后在任意的子控件里面使用它。让我们用代码来举例说明：

Window x:Class="WpfTutorialSamples.DataBinding.DataContextSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="DataContextSample" Height="130" Width="280">
        <StackPanel Margin="15">
                <WrapPanel>
                        <TextBlock Text="Window title:  " />
                        <TextBox Text="{Binding Title, UpdateSourceTrigger=PropertyChanged}" Width="150" />
                </WrapPanel>
                <WrapPanel Margin="0,10,0,0">
                        <TextBlock Text="Window dimensions: " />
                        <TextBox Text="{Binding Width}" Width="50" />
                        <TextBlock Text=" x " />
                        <TextBox Text="{Binding Height}" Width="50" />
                </WrapPanel>
        </StackPanel>
</Window>

using System;
using System.Windows;
 
namespace WpfTutorialSamples.DataBinding
{
        public partial class DataContextSample : Window
        {
                public DataContextSample()
                {
                        InitializeComponent();
                        this.DataContext = this;
                }
        }
}

后台代码只添加了一行有意思的代码：在标准InitalizeComponent()调用之后，我们将“this”赋值给DataContext，这将告诉窗口我们系统窗口本身作为数据上下文。

在XAML中，我们绑定了窗口的一些属性值，如Title，Width和Height。由于窗口有一个DataContext，它可以传递给子控件，我们不再需要给每一个绑定定义一个源。如果这些属性是全局变量，直接使用它们的值就行。

运行上面的代码，然后改变窗口大小，你会发现高和宽的值会立马改变。如果编写一个不同的标题在第一个文本框里，你会发现标题并没有立即被改变。相反地，你必须将光标移动到其他控件上改变才会生效。为什么会这样？这是下一章的主题。（注：我在VS2012里面试这个例子，标题是立即实时改变的）

（二）DataContext绑定数据

在XAML中设置DataContext，注意要设置：1）引用namespace；2）设置Resources；3）设置DataContext。如下代码所示：

<Window x:Class="DataContext.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local ="clr-namespace:DataContext"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <local:People x:Key="pep" Name="Peter"/>
    </Window.Resources>
    <Grid>
        <StackPanel Margin="15">
            <WrapPanel Margin="0,20,0,0" Name="WrapPanel" DataContext="{StaticResource pep}">        
                <TextBox Text="{Binding  Path=Name}" Width="50" Margin="5,0"/>        
            </WrapPanel>
        </StackPanel>
    </Grid>
</Window>

或者

<Window x:Class="DataContext.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local ="clr-namespace:DataContext"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <StackPanel Margin="15">
            <WrapPanel Margin="0,20,0,0" Name="WrapPanel">
                <WrapPanel.DataContext>
                    <local:People Name="Hyman"/>
                </WrapPanel.DataContext>
                <TextBox Text="{Binding  Path=Name}" Width="50" Margin="5,0"/>        
            </WrapPanel>
        </StackPanel>
    </Grid>
</Window>

或者后台绑定

 public void Init()
 {
     People pep= new People ();
     pep.Name = Peter;       
     WrapPanel.DataContext = pep;//仅WrapPanel内的所有元素可以绑定此数据
  }

总结

使用DataContext属性就好像设置了所有绑定的基础，能够贯穿整个控件层次。这样就节省了手动为每一个绑定定义源，一旦你真正开始使用数据绑定，肯定会感激如此节省的时间。

但是，这并不意味着你必须在一个窗口里面为所有控件使用同样的DataContext。由于每一个控件都有其自己的DataContext属性，你可以很容易的打破继承链，用新值来重写DataContext。这就允许你在窗口里使用一个全局DataContext，然后在像panel这样的地方使用本地具体的DataContext，以一种独立的格式或者像上面的列出的那样。

另外，以上绑定之后当修改数据内容时界面显示并不会更改，要实现更改信息传递给用户界面，数据类必须实现INotifyPropertyChanged接口，后续章节会介绍。

WPF教程（二）DataContext绑定数据

猜你喜欢