WPF Tabcontrol 采用最大选项卡的大小

Question

I have a TabControl that is bound to a collection of Viewmodels, which get translated into an appropriate to be drawn into the tab:

<Window.Resources>
    <ResourceDictionary>
        <DataTemplate DataType="{x:Type charting:LineFormatViewModel}">
            <charting:LineFormatView />
        </DataTemplate>
        <DataTemplate DataType="{x:Type charting:IndexSettingsViewModel}">
            <charting:IndexSettingsView />
        </DataTemplate>
        ....
    </ResourceDictionary>
</Window.Resources>

<TabControl ItemSource="Binding ViewModels" />

I've been trying to find a way to always draw the TabControl at the maximum width and height of any of it's children. Let WPF Tabcontrol height assume height of largest item? mentions a couple of ways to achieve this in the answers (from what I udnerstood):

• using Grid with SharedSizeGroup - seems to need to be applied to a DataTemplate on the actual content of the TabControl, which overwrites the automated View drawing achieveing by the VM->View mapping created in the resourcedictionary
• Using a width/height converter, which would require my TabControl to be bound to a collection of UI elements instead of viewmodels

Does anyone have any experience solving a similar issue? I seem to be hitting more walls every time I make some progress on this.

Answer 1

您需要使用可以自动适应并创建与其宽度/高度的直接绑定的命名隐藏控件，例如：

 Width="{Binding ActualWidth, ElementName=MainGrid}"

Answer 2

In case anyone else is having this problem, I solved it with the following code in the window's ContentRendered event handler:

tabControl.SelectedIndex = 1;
UpdateLayout();
SizeToContent = SizeToContent.Manual;
tabControl.SelectedIndex = 0;

tabsControl is the name of the TabControl object. Essentially what we do is switch to the tab with the greatest height (at index 1 in my example), update the window's layout, tell the window to stop resizing to fit its contents, and then switch back to the first tab. Of course, this solution assumes you know which tab has the greatest height and that you won't need the window to resize to its contents after the initial render.