wpf之TabControl - 技术栈

前言

在开发wpf程序过程中有时候控件比较多，导致一个页面显示不全，这时候就要分页显示，这时可以利用TabControl来实现分页显示功能。

1、普通TabControl

每一个TabItem都是一个标签容器，Header属性的值是容器显示的标签文字，下面的代码中有三个容器，容器显示的标签文字分别为"1"、"2"、"3"，，每个容器里面都可以添加无数个控件。

csharp 复制代码

<TabControl >
            <TabItem  Header=" 1">
                <StackPanel >
                    <TextBlock Text="第一项"/>
                </StackPanel >
            </TabItem>
            <TabItem  Header=" 2">
                <StackPanel >
                    <TextBlock Text="第二项"/>
                </StackPanel >
            </TabItem>
            <TabItem  Header=" 3">
                <StackPanel >
                    <TextBlock Text="第三项"/>
                </StackPanel >
            </TabItem>
        </TabControl >

2、自定义标签头的TabControl

标签头除了显示文本外，还可以以任意形式显示，比如下面的图像中标签除了文字以外还有一个红色的圆形，当然你也可以把红色圆形改成图标，这是通过设置TabItem.Header来实现，下面的代码中TabItem.Header放入一个StackPanel，然后StackPanel放入Ellipse和TextBlock

csharp 复制代码

<TabControl  >
            <TabItem  >
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <Ellipse Fill="Red"   Width="16" Height="16"/>
                        <TextBlock Text="首页" Margin="2,0,0,0"/>
                    </StackPanel>
                </TabItem.Header>
                <StackPanel >
                    <TextBlock Text="第一项"/>
                </StackPanel >
            </TabItem>
            <TabItem  >
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <Ellipse Fill="Red"   Width="16" Height="16"/>
                        <TextBlock Text="第2页" Margin="2,0,0,0"/>
                    </StackPanel>
                </TabItem.Header>
                <StackPanel >
                    <TextBlock Text="第二项"/>
                </StackPanel >
            </TabItem>
            <TabItem  >
                <TabItem.Header>
                    <StackPanel Orientation="Horizontal">
                        <Ellipse Fill="Red"   Width="16" Height="16"/>
                        <TextBlock Text="第3页" Margin="2,0,0,0"/>
                    </StackPanel>
                </TabItem.Header>
                <StackPanel >
                    <TextBlock Text="第三项"/>
                </StackPanel >
            </TabItem>
        </TabControl >

马工撰写的年入30万+C#上位机项目实战必备教程（点击下方链接即可访问文章目录）

1、《C#串口通信从入门到精通》

2、《C#与PLC通信从入门到精通》

3、《C# Modbus通信从入门到精通》

4、《C#Socket通信从入门到精通》

5、《C# MES通信从入门到精通》

6、《winform控件从入门到精通》

7、《C#操作MySql数据库从入门到精通》