你的位置:首页 > ASP.net教程

[ASP.net教程]跟我一起学WPF(3):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>

界面展现效果如图:

image

没有接触过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界面元素类之间的继承关系:

 

image

 

  • 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等基本控件的使用方法。