如何将WPF选项卡项标题扩展到父控件宽度 [英] How to Stretch WPF Tab Item Headers to Parent Control Width

问题描述

XAML中是否有一种方法可以使选项卡项目标题延伸到选项卡控件的整个宽度上？

Is there a way in XAML to cause the tab item headers to stretch across the width of the tab control?

例如，我有三个选项卡：红色，蓝色和绿色。如果我有一个其宽度设置为auto的选项卡控件，则选项卡标题将仅填充选项卡内容上方的部分空间，但我希望它们填充所有空间。对于我的三个制表符示例，红色应该占据控件的前三分之一，蓝色应该占据控件的前三分之一，绿色应该占据控件的最后三分之一。

For example, I have three tabs: red, blue and green. If I have a tab control with its width set to auto, the tab headers will only fill up part of the space above the tab content, but I want them to fill up all the space. For my three tab example, red should take up the first third of the control, blue should take up the center third, and green the final third.

我有一个主意

推荐答案

<我以乔丹为榜样，并对它进行了一些更改。此版本适用于任意数量的选项卡：

I took Jordan's example and made some changes to it. This version should work for any number of tabs:

namespace WpfApplication1.Converters
{
    public class TabSizeConverter : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter,
            System.Globalization.CultureInfo culture)
        {
            TabControl tabControl = values[0] as TabControl;
            double width = tabControl.ActualWidth / tabControl.Items.Count;
            //Subtract 1, otherwise we could overflow to two rows.
            return (width <= 1) ? 0 : (width - 1);
        }

        public object[] ConvertBack(object value, Type[] targetTypes, object parameter,
            System.Globalization.CultureInfo culture)
        {
            throw new NotSupportedException();
        }
    }
}

xaml中的名称空间相同：

Same namespace in the xaml:

xmlns:local="clr-namespace:WpfApplication1.Converters"

这将使所有选项卡都使用它：

And this will make all tabs use it:

<Window.Resources>
    <local:TabSizeConverter x:Key="tabSizeConverter" />
    <Style TargetType="{x:Type TabItem}">
        <Setter Property="Width">
            <Setter.Value>
                <MultiBinding Converter="{StaticResource tabSizeConverter}">
                    <Binding RelativeSource="{RelativeSource Mode=FindAncestor,
            AncestorType={x:Type TabControl}}" />
                    <Binding RelativeSource="{RelativeSource Mode=FindAncestor,
            AncestorType={x:Type TabControl}}" Path="ActualWidth" />
                </MultiBinding>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

这篇关于如何将WPF选项卡项标题扩展到父控件宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！