跟我一块儿学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控件进行一下分类，按照我本身的理解，咱们有两种分类方法。

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

咱们先看一下整个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基类，属于最普通的基本控件。

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

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

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

二、 布局控件：用户察觉不到的，却对这个系统界面布局有着决定性做用的容器类控件，主要涵盖上述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控件的使用

一、 在XAML中声明

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

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

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

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

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

Button myButton = new Button();

myButton.Height = 30;

myButton.Width = 100;

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