2021-08-19 WPF控件专题 TabControl 控件详解

缺乏、安全感 2022-09-06 00:09 388阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW94aTIwMjA_size_16_color_FFFFFF_t_70]

## 1.TabControl 控件介绍 ##

Winform TabControl 选项卡控件

Wpf TabControl 选项卡集合的控件：在屏幕上多个选项卡共享相同的空间

Selector — ItemsControl：条目控件 ListBox ComboBox

SelectedValue SelectedItem SelectedValuePath DisplayValuePath

选项卡项：TabItem — HeaderedContentControl Header

SelectedContent SelectedItem:当前选择的TabItem对象

TabItem IsSelected 设置或获取选项卡的是否选中

多页面切换

## 2.具体案例 ##

<Window x:Class="WpfAppTest.TabControlWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            xmlns:local="clr-namespace:WpfAppTest"
            mc:Ignorable="d"
            Title="TabControlWindow" Height="450" Width="800">
            <Grid>
                    
                    <TabControl Name="tabSystem" HorizontalAlignment="Left" Height="244" Margin="141,90,0,0" VerticalAlignment="Top" Width="398" TabStripPlacement="Top">
                            <TabItem Header="用户信息" >
                                    <StackPanel Background="YellowGreen">
                                            <StackPanel Orientation="Horizontal">
                                                    <Label Content="用户名"/>
                                                    <TextBox Text="admin" Width="100"/>
                                            </StackPanel>
                                            <StackPanel  Orientation="Horizontal" Margin="0,10,0,0">
                                                    <Label Content="电话 "/>
                                                    <TextBox Text="14756890876" Width="100"/>
                                            </StackPanel>
                                            <Button Content="Button"/>
                                    </StackPanel>
                            </TabItem>
                            <TabItem Header="角色信息" IsSelected="True">
                                    <Grid Background="LightBlue">
                                           
                                    </Grid>
                            </TabItem>
                            <TabItem Header="权限设置">
                                    <Grid Background="SeaGreen"/>
                            </TabItem>
                    </TabControl>
                    <Button Content="获取" HorizontalAlignment="Left" Margin="601,142,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/>
                    <Button Name="btnChange" Content="切换" HorizontalAlignment="Left" Margin="620,208,0,0" VerticalAlignment="Top" Width="75" Click="BtnChange_Click"/>
    
    
            </Grid>
    </Window>

private void Button_Click(object sender, RoutedEventArgs e)
    { 
            object content = tabSystem.SelectedContent;//选项的选项卡的Content对象 StackPanel
            object tabItem = tabSystem.SelectedItem;
    }
    
    /// <summary>
    /// 依次切换的效果
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void BtnChange_Click(object sender, RoutedEventArgs e)
    { 
            // tabSystem.SelectedItem = tabSystem.Items[2];
            if (tabSystem.SelectedIndex < tabSystem.Items.Count - 1)
                    tabSystem.SelectedIndex += 1;
            else
                    tabSystem.SelectedIndex =0;
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW94aTIwMjA_size_16_color_FFFFFF_t_70]: /images/20220829/21f785f896af402caf688e39b2e347bc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，388人围观）

还没有评论，来说两句吧...

相关阅读

相关 2021-08-23 WPF控件专题 ContextMenu 控件详解

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

爱被打了一巴掌/ 2022年09月07日 09:53/ 0 赞/ 287 阅读

相关 2021-08-23 WPF控件专题 Menu控件详解

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

港控/mmm°/ 2022年09月07日 09:53/ 0 赞/ 394 阅读

相关 2021-08-19 WPF控件专题 TabControl 控件详解

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

缺乏、安全感/ 2022年09月06日 00:09/ 0 赞/ 389 阅读

相关 2021-08-19 WPF控件专题 Expander 控件详解

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

男娘i/ 2022年09月06日 00:09/ 0 赞/ 408 阅读

相关 2021-08-16 WPF控件专题 WrapPanel 控件详解

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

秒速五厘米/ 2022年09月05日 00:20/ 0 赞/ 468 阅读

相关 2021-08-16 WPF控件专题 StackPanel 控件详解

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

素颜马尾好姑娘i/ 2022年09月05日 00:20/ 0 赞/ 264 阅读

相关 2021-08-14 WPF控件专题 ProgressBar控件详解

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

布满荆棘的人生/ 2022年09月04日 13:49/ 0 赞/ 235 阅读

相关 2021-08-13 WPF控件专题 ComboBox 控件详解

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

今天药忘吃喽~/ 2022年09月04日 10:44/ 0 赞/ 314 阅读

相关 2021-08-09 WPF控件专题 RadioButton控件详解

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

叁歲伎倆/ 2022年08月29日 00:18/ 0 赞/ 320 阅读

相关 TabControl控件

点餐用到的控件： 1）TabControl: 管理并向用户显示可以包含控件和组件的相关选项卡的信息 2）ComboBox: 显示一个可编辑

野性酷女/ 2021年12月20日 12:31/ 0 赞/ 287 阅读