让 WPF Tabcontrol 高度假设最大项目的高度？

Question

有没有办法让 tabcontrol 获取最大选项卡项的大小（实际上，是 tabitem 的内容）？

由于 tabcontrol 没有分配特定的大小，它应该自动调整大小：它正确地做到了这一点，但是当您切换标签时，它会自动将自身调整为当前所选标签内容的高度（和宽度）。

我不希望发生调整大小，让 tabcontrol 假设最大项目的高度，但仍然让它自动调整大小。

有什么线索吗？我尝试对用作内容的每个元素的Height 属性进行数据绑定，以使用多重绑定，同时绑定Tabcontrol 的ActualHeight 和Items 属性。但是很可惜，内容元素的ActualHeight 始终为0。

        <TabItem Header="Core" > 
            <Grid Margin="5">
                <Grid.Height>
                    <MultiBinding Converter="{Converters1:AllTabContentEqualHeightConverter}">
                        <Binding Path="ActualHeight" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type TabControl}}"/>
                        <Binding Path="Items" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type TabControl}}"/>
                    </MultiBinding>
                </Grid.Height>

            ...

这个可以吗？

Answer 1

是的，可以做到：reuse-grid-rowdefinitions-for-each-tabitem

例子：

    <TabControl Grid.IsSharedSizeScope="True">
        <TabItem Header="Tab 1">
            <Grid >
                <Grid.RowDefinitions>
                    <RowDefinition SharedSizeGroup="xxx"/>
                </Grid.RowDefinitions>
            </Grid>
        </TabItem>
        <TabItem Header="Tab 2">
            <Grid >
                <Grid.RowDefinitions>
                    <RowDefinition SharedSizeGroup="xxx"/>
                </Grid.RowDefinitions>
            </Grid>
        </TabItem>
   </TabControl>

Answer 2

问题在于TabControl 在您切换标签时会卸载并重新加载其内容。因此它只知道当前活动选项卡中内容的大小。您应该能够更改 TabControl，使其永远破坏其子级，并且它们始终存在（但可能隐藏）。

Eric Burke 的This blog post 应该可以帮助您入门。从我通过浏览他的帖子可以看出，您需要将其更改为：

• 在加载 TabControl 时加载所有子项。
• 子项在不活动时被隐藏而不是折叠

Answer 3

实际上，解决起来比我想的要容易。 因为无论如何我都有TabControl 的控制模板，所以我设置了ContentPresenter 的高度，以呈现选定的选项卡内容。我使用绑定到TabControl 的项目的转换器来执行此操作，必要时测量它们（使用Measure）并检查DesiredSize 是否有我需要的大小。

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var items = value as ItemCollection;

        if (items == null)
            return null;

        double max = 0;
        foreach (TabItem item in items)
        {
            var content = item.Content as FrameworkElement;
            if (content == null) continue;

            if (!content.IsMeasureValid)
                content.Measure(new Size(int.MaxValue, int.MaxValue));

            var height = content.DesiredSize.Height;
            if (max < height)
                max = height;
        }

        return max;
    }

效果很好，但有一些注意事项：

• 每个标签内容都应该是FrameworkElement
• 内容一旦加载就不会改变大小（因为转换器仅在 Items 属性更改时调用，即仅调用一次）。

Answer 4

这对我来说与上面显示的Grid.IsSharedSizeScope 方法一起使用。

请注意，使用 SetCurrentValue 而不是仅设置 SelectedIndex 属性 - 这样我们就可以保留现有的绑定：

private void TabControl_OnLoaded(object sender, RoutedEventArgs e)
{
    //NOTE: loop through tab items to force measurement and size the tab control to the largest tab
    TabControl tabControl = (TabControl)sender;

    // backup selection
    int indexItemLast = tabControl.SelectedIndex;

    int itemCount = tabControl.Items.Count;

    for (
        int indexItem = (itemCount - 1);
        indexItem >= 0;
        indexItem--)
    {
        tabControl.SetCurrentValue(Selector.SelectedIndexProperty, indexItem);
        tabControl.UpdateLayout();
    }

    // restore selection
    tabControl.SetCurrentValue(Selector.SelectedIndexProperty, indexItemLast);
}

Answer 5

它可能不是正确的 WPF 方式，但是，如果您已经拥有所有内容元素，您可以在加载时循环它们并以编程方式设置 TabControl 的高度。