WPF中的Tab控件 – 从里到外

原文地址： http://www.dingos.cn/index.php?topic=2014.0

 

在 WinForm 中的 Tab 控件，有许多不足的地方。如果你想对样式或功能做出改变，最好从头开始自己编写 Tab 控件。 WPF 中的 Tab 控件向正确的方向迈了一大步，因为 WPF 的强大的样式和控件模板，你几乎可以完全控制 Tab 控件的外观。这篇文章将介绍 Tab 控件并演示如何按你想的更新皮肤。

现在让我们从简单的示例开始 – 在窗体中放置一个非常标准的 Tab 控件，并添加一组 Tab 。

< Window x : Class ="TabControlTutorial.Window1"

    xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns : x ="http://schemas.microsoft.com/winfx/2006/xaml"

    Title ="WPF Tabs" Height ="281" Width ="454">

    < Grid >

        < TabControl >

            < TabItem Header ="Cheese">

                The Cheese Tab

            </ TabItem >

            < TabItem Header ="Pepperoni">

                The Pepperoni Tab

            </ TabItem >

            < TabItem Header ="Mushrooms">

                The Mushrooms Tab

            </ TabItem >

        </ TabControl >

    </ Grid >

</ Window >

上面的代码给出一个非常标准的 Tab 控件外观，如下图所示。

像其他 WPF 控件一样， TabItem 中可以包含其他任何 WPF 控件。

< Window x : Class ="TabControlTutorial.Window1"

    xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns : x ="http://schemas.microsoft.com/winfx/2006/xaml"

    Title ="WPF Tabs" Height ="281" Width ="454">

    < Grid >

        < TabControl >

            < TabItem Header ="Cheese">

                The Cheese Tab

            </ TabItem >

            < TabItem Header ="Pepperoni">

                < Image Source ="pepperoni.jpg" />

            </ TabItem >

            < TabItem Header ="Mushrooms">

                The Mushrooms Tab

            </ TabItem >

        </ TabControl >

    </ Grid >

</ Window >

上面的代码，如下显示：

这是简单的图像填充。如果你要的是每个 Tab 控件的每个 Tab 有自己的内容，上面的代码就可以了。让我们看一些更有趣的东西吧。就像 TabItem 中的内容一样， TabItem 的 Header 属性也能包含其他的 WPF 控件。让我们在每个 Tab 中放置图片。

< Window x : Class ="TabControlTutorial.MainWindow"

         xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

         xmlns :