WPF-TabControl 选项卡

MaybeHC

发布于 2024-04-23 18:18:18

33600

代码可运行

文章被收录于专栏：技术之路技术之路

运行总次数：0

代码可运行

TabControl

我使用一个小的demo来对TabItem进行讲解，先进行视图的设置，通过如下的代码设置可以达到下图的效果。

<Window x:Class="TitleControl.tabItem"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="tabItem" Height="300" Width="300">
    <Grid>
        <TabControl Margin="5" TabStripPlacement="Bottom"  >
            <TabItem Header="TabItem1" Name="TabItem1">
                <StackPanel Margin="3">
                    <CheckBox Content="CheckBox0" Margin="3"/>
                    <CheckBox Content="CheckBox1" Margin="3"/>
                    <Button Content="切换选项卡" Height="100" Width="75" Click="Button_Click"/>
                </StackPanel>
            </TabItem>
            <TabItem Header="TabItem2"  Name="TabItem2">
                <Grid Background="#FFE5E5E5">
                    <TextBlock  Margin="3"  Text="选项卡2" VerticalAlignment="Top"/>
                </Grid>
            </TabItem>
        </TabControl>
    </Grid>
</Window>

TabControl 设置选项卡，TabStripPlacement属性默认为Top，这个属性表示选项的位置，TabItem1和TabItem2的位置。TabItem表示选项卡，里面可进行容器嵌套。这里我还设置了一个切换选项卡的Button,代码如下供参考。

namespace TitleControl
{
    /// <summary>
    /// tabItem.xaml 的交互逻辑
    /// </summary>
    public partial class tabItem : Window
    {
        public tabItem()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            this.TabItem2.IsSelected= true;
        }
    }
}

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-04-23，如有侵权请联系 cloudcommunity@tencent.com 删除

tabcontrol