WPF的各类内容模型

最新推荐文章于 2024-03-25 17:12:19 发布

微笑&星空

最新推荐文章于 2024-03-25 17:12:19 发布

阅读量519

点赞数 1

本文链接：https://blog.csdn.net/weixin_44548405/article/details/92720504

版权

开发工具与关键技术： 内容模型的UI元素

作者：邓崇富

撰写时间：2019 年6 月 14 日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在WPF中，我们把符合某类内容模型的UI元素称为一个族，每个族用它们共同基类来命名。

1、ContentControl族元素特点如下：

均派生自ContentControl类。
它们都是控件（Control）。
内容属性的名称为Content。
只能由单一元素充当其内容。

ContentControl族包含的控件如下表：

Button	ButtonBase	CheckBox	ComboBoxItem
ContentControl	Frame	GridViewColumnHeader	GroupItem
Label	ListBoxItem	GridViewItem	NavigationWindow
RadioButton	RepeatButton	ScrollViewer	StatusBarItem
ToggleButton	ToolTip	UserControl	Window

HeaderedContentControl族元素特点如下：

它们都派生自HeaderedContentControl类，HeaderedContentControl是ContentControl类的派生类。
它们都是控件，用于显示带标题的数据。
除了用于显示主体内容的区域外，控件还具有一个显示标题（Header）的区域。
内容属性为Content和Header。
无论是Content还是Header都只能容纳一个元素作为其内容。

HeaderedContentControl族包含的控件如下表：

Expander

GroupBox

HeaderedContentControl

TabItem

下面这个例子是一个一图标为Header、以文字为主体内容的GroupBox。

XAML代码如下：

<Grid>

<GroupBox.Header>

</GroupBox.Header>

</GroupBox>

</Grid>

效果如下图：

ItemsControl族元素的特点如下：
1. 均派生自ItemsControl类。
2. 它们都是控件，用于显示列表化的数据。
3. 内容属性为Items或ItemsSource。
4. 每种ItemsControl都对应有自己的条目容器（Item Container）。

ItemsControl族的包含控件如下表：

Menu	MenuBase	ContextMenu	ComboBox
ItemsControl	ListBox	ListView	TabControl
TreeView	Selector	StatusBar

ListBox是个典型的ItemsControl，下面将以它为例。

首先，我们看下ListBox的自动包装。WPF的ListBox在显示功能上比Windows Form或者ASP.NET的ListBox要强大很多。传统的ListBox只能将条目以字符串的形式显示，而WPF的ListBox除了可以显示中规中矩的字符串条目还能够显示更多的元素，如CheckBox、RadioButton、TextBox等。

例如下面的XAML代码：

<Grid>

</ListBox>

</Grid>

效果如下图：

表面看上去是ListBox直接包含一些CheckBox和Button，实际上并非这样，我们在按钮3里加上一个Click事件的响应，就可以看到它的父级容器了。

XAML按钮代码：<Button x:Name="按钮3" Content="按钮3" Click="按钮3_Click"/>

XAML后台代码：

//按钮3事件

private void 按钮3_Click(object sender, RoutedEventArgs e)

{

Button btn = sender as Button;

DependencyObject level1 = VisualTreeHelper.GetParent(btn);

DependencyObject level2 = VisualTreeHelper.GetParent(level1);

DependencyObject level3 = VisualTreeHelper.GetParent(level2);

MessageBox.Show(level3.GetType().ToString());

}

点击后效果如下：

HeaderedItemsControl族控件除了具有ItemsControl的特性外，还具有显示标题的能力，特点如下：
1. 均派生自HeaderedItemsControl类。
2. 它们都是控件，用于显示列表化的数据，同时可以显示一个标题。
3. 内容属性为Itms、ItemsSource和Header。

本族控件只有3个：MenuItem、TreeViewItem、ToolBar。