WPF tabitem 定位

Question

例如，使用 WPF 在选项卡控件的最左上角定位三个 tabitem 和在最右上角定位一个 tabitem 的正确方法是什么？

我尝试通过更改边距将第四个 tabitem 向右移动，但这并没有产生好的结果；首先它被剪短，其次它在选择时无法正确显示。

Answer 1

问题在于 TabPanel ，由 TabControl 内部用于布置选项卡，似乎不支持您想要的。一个快速的解决方法是将 TabPanel 替换为其他东西，例如 DockPanel:

<Window x:Class="Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300">
    <TabControl>
        <TabControl.Template>
            <ControlTemplate TargetType="TabControl">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Border BorderThickness="0,0,1,1" BorderBrush="#D0CEBF" Grid.Row="1">
                        <Border BorderThickness="{TemplateBinding BorderThickness}" 
                                BorderBrush="{TemplateBinding BorderBrush}">
                            <Border Background="{TemplateBinding Background}">
                                <ContentPresenter ContentSource="SelectedContent"/>
                            </Border>
                        </Border>
                    </Border>
                    <DockPanel IsItemsHost="True" LastChildFill="False" Margin="2,2,2,0" />
                </Grid>
            </ControlTemplate>
        </TabControl.Template>

        <TabItem Header="Item 1" />
        <TabItem Header="Item 2" />
        <TabItem Header="Item 3" />
        <TabItem Header="Item 4" DockPanel.Dock="Right" />
    </TabControl>
</Window>

(引用:这是 MSDN example 的修改版本，用于设置 TabControl 的样式。)

简单的 DockPanel 不像 TabPanel 那样流畅 - 选项卡在它们之间切换时会“跳跃”一点，但这可能会让您入门。也许继承 TabPanel 并覆盖相关部分会给你一个更准确的结果；我想这取决于您要为此付出多少努力。