浅谈WPF本质中的数据和行为

内容控件（Presenters）

通过Templates讲解，我们现在知道控件模板定义控件外观，数据模板定义特定的数据如何显示，那么现在如何将定义的数据显示在控件外观上显示呢？那就需要content presenter了。每个控件都有一个默认的ContentPresenter用于显示Content内容，我们称这种控件为内容控件，ContentPresenter负责将ContentControl的Content属性显示出来，如以下代码示例：

      
      
      

       
       
       
 
       
       
       
         
       
       
       
             TargetType="Label"> 

       
       
       
                 Property="Template"> 

       
       
       
                     
       
       
       
                         TargetType="Label"> 

       
       
       
                             
       
       
       
                                 Margin="34,45,44,117" Fill="{TemplateBinding Background}"/> 

       
       
       
                                 Content = {TemplateBinding Content}" HorizontalAlignment="Center" 

       
       
       
                            VerticalAlignment="Center"/> 
       
       
       
                             
       
       
       
                         
       
       
       
                     
       
       
       
                 
       
       
       
             
       
       
       
         
       
       
       
         Background="Red" Content="hello wpf control"> 

       
       
       
     
      
      
      

绑定（Binding） 和 转换（Converters）

数据模板描述了数据显示的外观，我们如何使得这些外观和数据关联起来呢？这就是数据绑定（data binding）来做的事情。WPF的数据绑定是一个强大的功能，它允许单项和双向的绑定，当对象更改时UI会自动刷新，当UI操作后数据也可以自动更改。

有时候数据的格式并不只是简答的显示，比如bool类型需要显示成三态，可以通过一个转换器来实现。

Binding和Converters代码示例：网上很多这个资料，可以参考WPF Data Binding、Binding Converters

布局（Layout）

经过前面的步骤，模板已经定义了，数据也有了，转换器和绑定也触发了，内容显示也生成了，剩下最后一步就是布局（layout）。布局系统将确定前面生产的所有UI控件的大小和位置。在WPF中panel以及其继承类负责提供layout功能。布局是一种递归的分两个步骤进行的过程，第一步叫做检测（measuer），第二步叫做排列（arrange）。

检测：面板询问其子元素到底需要多少空间，这里假设有足够的控件。面板会重载FrameworkElement的MeasureOverride方法来实现这一步。

排列：在检测步骤完成后，就该排列元素了。面板会告诉子元素它们将放在哪里，它们有多少空间可以用。面板会重载FramworkElement的ArrangeOverride方法来实现这一步骤。

样式（Style）

样式是一种简单的机制，通过它可以把属性值和用户界面元素分类开来，有点类似CSS与HTML的关系

以上内容可以表达为下图：Person数据经过控件模板、数据模板以及样式和布局，再加上数据绑定就可以展现数据了。

行为（Behavior）

把数据显示出来只是做了一半工作，还有一半就是提供用户方式与UI进行交互。下图说明了输入操作示意图：

WPF控件支持鼠标、键盘和写字板等输入设备来与UI进行交互，还可以通过外部和内部时间进行操作，经过触发后可以通过事件处理或者command机制来进行Action。