wpf中TabControl的TabItem如何平分宽度，让他平均分布在整个面板中

Posted 2023-04-19

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了wpf中TabControl的TabItem如何平分宽度，让他平均分布在整个面板中相关的知识，希望对你有一定的参考价值。

参考技术A 1、做法1，重写TabItem的Style，将Width设为一致，前提是这个Width要能兜得住一般的大小。
2、做法2，重写TabControl的Style，将它的Panel换成UniformGrid，并设置Rows=1追问

已经重写无法平均分配宽度，只能定死，但有不能定死，希望它根据我最外层的宽来平均分配

追答

你用做法2就可以了，TabControl的Style里面有个叫HeaderPanel的部件，类型是TabPanel，你把它换成UniformGrid，设置Rows=1，以及IsItemsHost=True即可

追问

您能把您的联系方式给我吗，我是初学者，实在是太难了，能指导一下吗

追答

这是基础，不是难。当然，难的东西学会了才有价值么不是？

打开Blend一步步来吧

1、进入修改TabControl样式编辑状态：

2、注意看模版有一个HeaderPanel，类型是TabPanel，这个就是要修改的目标

注意看它这几个属性，稍后UniformGrid也要做类似修改

3、添加UniformGrid，先到所有控件中搜索

然后添加到根容器下面

接着修改它的属性，跟HeaderPanel类似，额外的是需要设置Rows=1

4、把原来的HeaderPanel删掉，把新加的UniformGrid名字改为HeaderPanel（主要是一些触发器要用，触发器逻辑自己修改，不赘述）

5、现在已经看到修改后的效果了



本回答被提问者采纳

WPF自适应可关闭的TabControl 类似浏览器的标签页（转）

效果如图:

虽然说是自适应可关闭的TabControl,但TabControl并不需要改动,不如叫自适应可关闭的TabItem.

大体思路:建一个用户控件,继承自TabItem,里面放个按钮,点击的时候在TabControl中移除自身.在添加,移除TabItem和TabControl尺寸变化时,通过Items的个数计算合适的Width.

新建用户控件

新建用户控件,并继承自TabItem,这样它就拥有TabItem所有的属性和事件.而这个功能不需要自定义依赖属性和事件.它的用法就和TabItem完全一样.

建完后把UserControl换成TabItem,去掉多余部分

后台继承自UserControl改成继承自TabItem

更改样式添加关闭按钮

在Xmal里添加一个自己喜欢的样式,最主要的是在Template里添加一个按钮,注册一个Click事件,用于关闭.

 1 <Style TargetType="{x:Type TabItem}">
 2             <Setter Property="BorderBrush" Value="Black"></Setter>
 3             <Setter Property="Background" Value="White"></Setter>
 4             <Setter Property="Foreground" Value="Black"></Setter>
 5             <Setter Property="Padding" Value="5,0,0,0"></Setter>
 6             <Setter Property="HorizontalAlignment" Value="Left"></Setter>
 7             <Setter Property="VerticalAlignment" Value="Center"></Setter>
 8             <Setter Property="HorizontalContentAlignment" Value="Left"></Setter>
 9             <Setter Property="VerticalContentAlignment" Value="Center"></Setter>
10             <Setter Property="Template">
11                 <Setter.Value>
12                     <ControlTemplate TargetType="{x:Type TabItem}">
13                         <Border CornerRadius="5,0,0,0" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
14                             <Grid>
15                                 <Grid.ColumnDefinitions>
16                                     <ColumnDefinition Width="*"></ColumnDefinition>
17                                     <ColumnDefinition Width="20"></ColumnDefinition>
18                                 </Grid.ColumnDefinitions>
19                                 <ContentPresenter Grid.Column="0" ContentSource="Header" Margin="{TemplateBinding Padding}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"></ContentPresenter>
20                                 <Button Grid.Column="1" Name="btn_Close" Click="btn_Close_Click"></Button>
21                             </Grid>
22                         </Border>
23                         <ControlTemplate.Triggers>
24                             <Trigger Property="IsSelected" Value="true">
25                                 <Setter Property="Background" Value="#FFFF923E"></Setter>
26                                 <Setter Property="Foreground" Value="White"></Setter>
27                             </Trigger>
28                         </ControlTemplate.Triggers>
29                     </ControlTemplate>
30                 </Setter.Value>
31             </Setter>
32         </Style>

后台的逻辑

查找父级TabControl

注意TabItem并不能关闭自身,这里所说的关闭其实是在他父级TabControl的Items集合里移除.而且父级TabControl的尺寸改变时还要注册事件去改变每个Item的Width.所以我决定找到它的父级TabControl,声明一个私有变量添加对父级的引用.

可以通过可视化树的帮助类VisualTreeHelper来找到它的父级TabControl.当然并不是它的父级直接就是TabControl了,需要递归去查找

 1 /// <summary>
 2         /// 递归找父级TabControl
 3         /// </summary>
 4         /// <param name="reference">依赖对象</param>
 5         /// <returns>TabControl</returns>
 6         private TabControl FindParentTabControl(DependencyObject reference)
 7         {
 8             DependencyObject dObj = VisualTreeHelper.GetParent(reference);
 9             if (dObj == null)
10                 return null;
11             if (dObj.GetType() == typeof(TabControl))
12                 return dObj as TabControl;
13             else
14                 return FindParentTabControl(dObj);
15         }