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

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

在这里插入图片描述

1.TabControl 控件介绍

Winform TabControl 选项卡控件

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

Selector — ItemsControl:条目控件 ListBox ComboBox

SelectedValue SelectedItem SelectedValuePath DisplayValuePath

选项卡项:TabItem — HeaderedContentControl Header

SelectedContent SelectedItem:当前选择的TabItem对象

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

多页面切换

2.具体案例

  1. <Window x:Class="WpfAppTest.TabControlWindow"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. xmlns:local="clr-namespace:WpfAppTest"
  7. mc:Ignorable="d"
  8. Title="TabControlWindow" Height="450" Width="800">
  9. <Grid>
  10. <!--TabStripPlacement top 选项卡标题栏显示位置-->
  11. <TabControl Name="tabSystem" HorizontalAlignment="Left" Height="244" Margin="141,90,0,0" VerticalAlignment="Top" Width="398" TabStripPlacement="Top">
  12. <TabItem Header="用户信息" >
  13. <StackPanel Background="YellowGreen">
  14. <StackPanel Orientation="Horizontal">
  15. <Label Content="用户名"/>
  16. <TextBox Text="admin" Width="100"/>
  17. </StackPanel>
  18. <StackPanel Orientation="Horizontal" Margin="0,10,0,0">
  19. <Label Content="电话 "/>
  20. <TextBox Text="14756890876" Width="100"/>
  21. </StackPanel>
  22. <Button Content="Button"/>
  23. </StackPanel>
  24. </TabItem>
  25. <TabItem Header="角色信息" IsSelected="True">
  26. <Grid Background="LightBlue">
  27. </Grid>
  28. </TabItem>
  29. <TabItem Header="权限设置">
  30. <Grid Background="SeaGreen"/>
  31. </TabItem>
  32. </TabControl>
  33. <Button Content="获取" HorizontalAlignment="Left" Margin="601,142,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/>
  34. <Button Name="btnChange" Content="切换" HorizontalAlignment="Left" Margin="620,208,0,0" VerticalAlignment="Top" Width="75" Click="BtnChange_Click"/>
  35. </Grid>
  36. </Window>
  37. private void Button_Click(object sender, RoutedEventArgs e)
  38. {
  39. object content = tabSystem.SelectedContent;//选项的选项卡的Content对象 StackPanel
  40. object tabItem = tabSystem.SelectedItem;
  41. }
  42. /// <summary>
  43. /// 依次切换的效果
  44. /// </summary>
  45. /// <param name="sender"></param>
  46. /// <param name="e"></param>
  47. private void BtnChange_Click(object sender, RoutedEventArgs e)
  48. {
  49. // tabSystem.SelectedItem = tabSystem.Items[2];
  50. if (tabSystem.SelectedIndex < tabSystem.Items.Count - 1)
  51. tabSystem.SelectedIndex += 1;
  52. else
  53. tabSystem.SelectedIndex =0;
  54. }

发表评论

表情:
评论列表 (有 0 条评论,557人围观)

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

相关阅读

    相关 TabControl

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