跟我一起学WPF（2）：WPF控件基础

WPF控件简介

通过上一篇XAML语言的介绍，我们知道，XAML是一个树形结构，同样，WPF控件作为构成整个XAML树的一部分，也是一个树形结构。我们看一个简单的例子。

<Button.Content>
        <DockPanel>
             <Image Source="F:\01.Code\01.MyCode\WpfApplication1\WpfApplication1\Resources\荷.jpg" Width="30"/>
             <TextBlock Text="红色" Foreground="Red" VerticalAlignment="Center"></TextBlock>
             <TextBlock Text="绿色" Foreground="Green" VerticalAlignment="Center"/>
             <TextBlock Text="蓝色" Foreground="Blue" VerticalAlignment="Center"/>
         </DockPanel>
 </Button.Content>

界面展现效果如图：

没有接触过WPF的朋友可能会惊讶，一个button里怎么会有那么多内容？我们可以通过VS的对象浏览器查看Button类的继承关系为：

Button->ButtonBase->ContentControl->Control->FrameworkElement。

FrameworkElement是所有WPF界面元素的展现基类（FrameworkElement向上继承自UIElement->Object），Button继承ContentControl，使得Button具备了一个容器控件应有的特性，即允许Button拥有一个Content，而这个Content可以为另一个容

器或控件，至于里面具体是什么，完全取决于你想要什么。这也正是WPF的魅力所在，任何控件都是一个树形结构，且树形结构的每一级都可以自由定制，理论上我们可以自定义任何一个层级的样式，来实现任何我们想要的界面展现效果。

WPF控件分类

上面我们讲到了Button继承自ContentControl，应该说是属于一个内容控件，下面我们系统的对WPF控件进行一下分类，按照我自己的理解，我们有两种分类方法。

一、按照控件的继承特性分类

我们先看一下整个WPF界面元素类之间的继承关系：

 

 

• Panel:布局控件，包括Canvas、DockPanel、StackPanel等，可以容纳多个基本控件（Control）或者嵌套其他布局控件。用于整体界面的布局，Panel下的控件我们会在下一篇讲解。
• Control：基本控件
• ContentControl：内容控件，其内容只能是一个基本控件或布局控件，通常使用一个布局控件作为其Content，然后在布局空间里使用多个基本空间，从而实现复杂的界面效果，其下基本控件有Label、Button、Tooltip。
• HeaderContentControl：带标题的内容控件，继承自ContentControl，在ContentControl的基础上，增加了一个Header属性。其下基本控件有TabItem、GroupBox等
• ItemsControl：多条目控件，其下基本控件有ListBox、Menu等
• HeaderItemsControl：继承自ItemsControl，增加了Header属性，其下控件有MenuItem、TreeViewItem、ToolBar等
• TextBox：基本文本输入控件。
• TextBlock、Image：直接继承自FrameworkElemet基类，属于最普通的基本控件。

二、按照控件的感官特性分类

这里的感官特性我定义的是，站在一个普通用户的角度上，能看到、感知到的东西。这里讲WPF控件分为两类：

1、 基本控件：用户可以看到并与之交互的控件，如按钮、输入框等，主要涵盖上述的Control、TextBlock、Image部分

2、 布局控件：用户察觉不到的，却对这个系统界面布局有着决定性作用的容器类控件，主要涵盖上述Panel及其子类部分

文章在以后的描述中将以这种分类方法进行阐述。

WPF控件属性

通过上面的介绍，我们知道所有的控件（基本控件、容器控件）都继承自FrameworkElement这个基类，这个基类里定义了WPF控件用到的大部分属性，我们这里先对这些WPF控件都具有的属性进行介绍（常用的标红），后续分别介绍常用基本控件时再对独有的属性进行介绍。

• ActualHeight：获取此元素的呈现高度。
• ActualWidth：获取次元素的呈现宽度。
• BindingGroup：获取或设置用于该元素的 System.Windows.Data.BindingGroup
• ContextMenu：获取或设置该元素的上下文菜单，通常是邮件菜单。
• Cursor：获取或设置当鼠标指针悬停在此元素上时显示的光标
• DataContext：获取或设置元素参与数据绑定时的数据上下文。
• DefaultStyleKey：在使用或定义主题样式时，获取或设置用于引用此控件的样式的键。
• FlowDirection：获取或设置文本和其他UI元素在控制它们布局的任何父元素中的流动方向。是一个枚举值。默认值为 System.Windows.FlowDirection.LeftToRight
• FocusVisualStyle：获取或设置一个属性，该属性支持自定义将在此元素捕获键盘焦点时应用于此元素的外观、效果或其他样式特征
• ForceCursor：获取或设置一个值，该值指示此元素是否应该强制UI按照Cursor属性所声明的方式呈现光标。
• Height：获取或设置元素的建议高度。
• HorizontalAlignment：获取或设置在父元素（如面板或项控件）中构成此元素时应用于此元素的水平对齐特征。
• InputScope：获取或设置此元素使用的输入上下文
• IsInitialized：获取一个值，该值指示此元素是否已初始化。
• IsLoaded：获取一个值，该值指示是否已加载此元素以供呈现。
• Language：获取或设置适用于某个元素的本地化/全球化语言信息
• LayoutTransform：获取或设置在执行布局时应该应用于此元素的图形转换方式。
• LogicalChildren：获取此元素的逻辑子元素的一个枚举器。
• Margin：获取或设置元素的外边距。认值是所有属性都等于 0（零）的 System.Windows.Thickness。
• MaxHeight：获取或设置元素的最大高度约束。
• MaxWidth：获取或设置元素的最大宽度约束。
• MinHeight：获取或设置元素的最小高度约束。
• MinWidth：获取或设置元素的最小宽度约束。
• Name：获取或设置元素的标识名称。该名称提供一个引用，以便当 XAML 处理器在处理过程中构造标记元素之后，后台代码可以对该元素进行引用。
• OverridesDefaultStyle：获取或设置一个值，该值指示此元素是否合并了主题样式中的样式属性。
• Parent：获取此元素的逻辑父级元素。
• Resources：获取或设置本地定义的资源字典。
• Style: 获取或设置此元素在呈现时使用的样式。
• Tag: 获取或设置一个可用于存储有关此元素的自定义信息的任意对象值。
• TemplatedParent: 获取一个对此元素的模板父级的引用。如果此元素不是通过模板创建而成，则此属性并不相关
• ToolTip: 获取或设置在UI中为此元素显示的工具提示对象。
• Triggers: 获取直接在此元素上建立或在子元素中建立的触发器的集合。
• VerticalAlignment：获取或设置在父元素（如面板或项控件）中组合此元素时应用于此元素的垂直对齐特征。
• VisualChildrenCount: 获取此元素内的可视化子元素的数目。
• Width: 获取或设置元素的宽度。

       其中读写属性（带有获取或设置描述的属性）可以在XAML中使用，只读属性（只有获取描述的属性）只能在后台代码中使用。

WPF控件声明

通过一个简单的Button的定义阐述一下Wpf控件的使用

1、 在XAML中声明

可以从工具箱找到Button控件直接拖拽到窗体上，然后会在相应位置生成一条XAML语句，个人推荐使用手写XAML的方式，确保控件出现在你想要的地方。

<Button Height="30" Width="120" Name="myButton"/>

这条语句声明了一个Button对象，且该Button对象的名称为myButton，高度为30，宽度120，我们在后台代码可以直接访问并使用这个对象，如：通过

mybutton.Height=25;可将该Button对象的高度修改为25。

2、 在后台.CS代码中声明

Button myButton = new Button();

myButton.Height = 30;

myButton.Width = 100;

下一篇我们将学习WPF中Label、TextBLock、Button、TextBox等基本控件的使用方法。