WPF笔记系列
WPF中的 Tab控件 – 从里到外
夜晚回家
2010/6/28
http://www.dingos.cn
2
WPF中的 Tab控件 – 从里到外
在 WinForm 中的 Tab 控件，有许多不足的地方。如果你想对样式或功能做出改变，最好
从头开始自己编写 Tab 控件。WPF 中的 Tab 控件向正确的方向迈了一大步，因为 WPF 的
强大的样式和控件模板，你几乎可以完全控制 Tab控件的外观。这篇文章将介绍 Tab控件
并演示如何按你想的更新皮肤。
现在让我们从简单的示例开始 – 在窗体中放置一个非常
标准
excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载
的 Tab控件，并添加一组 Tab。
The Cheese Tab
The Pepperoni Tab
The Mushrooms Tab
上面的代码给出一个非常标准的 Tab控件外观，如下图所示。
3
像其他 WPF控件一样，TabItem中可以包含其他任何 WPF控件。
The Cheese Tab
The Mushrooms Tab
上面的代码，如下显示：
4
这是简单的图像填充。如果你要的是每个 Tab控件的每个 Tab有自己的内容，上面的代码
就可以了。让我们看一些更有趣的东西吧。就像 TabItem中的内容一样，TabItem的
Header属性也能包含其他的 WPF控件。让我们在每个 Tab中放置图片。
做了上述操作后，如下图显示：
有了上述的技术，你几乎可以使用 Tab控件做任何事情。你所不能做的是，改变下划线选
项卡的外观。幸运的是，WPF的样式系统简化了 Tab控件的外观控制。默认情况下，选项
卡的颜色依赖于运行在机器上的 Windows主题。我们先修改标签的颜色和形状。
我们首先要做的是为 TabItem控件定义我们需要的样式。WPF的样式和 Web页面中的 CSS
6
是类似的，但功能更强大。
样式定义在控件的资源中 – 这个例子 Window包含了 Tab控件。这里有一些说明，大部
分是摘自 MSDN
（http://msdn2.microsoft.com/en-us/library/ms752032.aspx）。让我们逐
个标记来说明。
7
当 TabItem被点击是，它的 IsSelected属性被设置为 true。因此，我们必须添加触发
器观察 IsSelected属性。当这个属性变为 true，背景色设置为浅蓝色。当它为 false
是，背景色设置为浅灰色。现在运行后结果如下图所示：
9
我认为我们可以比较好的控制 Tab控件了。现在我想改变 Tab内容的背景色和边框。这和
Tab的样式定义非常相似，只是我们都要 TabItem的样式。
使用这个代码后现在 Tab表情看起来如下所示：
在这片文中中学习了如何创建和填充一个基本的 Tab控件，还有更多设置 Tab和 Tab内
容的样式的先进技术。我认为这是 WPF样式学习曲线的一小步，但你一点了解了它，你可
以看到它是如此的强大。最棒的是，在这里我定义我的Tab控件的皮肤没有写任何C#代码。
参考地址：http://www.dingos.cn/index.php?topic=2014.0
浙公网安备 33021202002483