Question

如何将TabItem.Header设置为从少数字段中获取的绑定，每个绑定以不同的大小显示，全部代替原始标题文本;没有覆盖标题的默认样式和行为 - 我只需要文本。

我试图设置它的模板但是它创建了一个包含内部控件的矩形，这个矩形对用户点击没有响应，并且还有控件样式，我希望这个控件不可见，只有它的文本应该是可见的。

我尝试了以下内容：

<TabControl ItemsSource="{Binding}">
    <TabControl.ItemTemplate>
         <DataTemplate>
             <TabItem>
                 <TabItem.Header>
                     <MultiBinding StringFormat="{}{0}-{1}">
                         <Binding Path="Title"/>
                         <Binding Path="Category.Title"/>
                     </MultiBinding>
                 </TabItem.Header>
                 <TabItem.Content>
                     <TextBlock>
                         Here is what is gonna be in the TabItem - not header
                     </TextBlock>
                 </TabItem.Content>
             </TabItem>
         </DataTemplate>
    </TabControl.ItemTemplate>
</TabControl>

但它没有显示任何内容。

我也尝试将HeaderTemplate设置为DataTemplate，但是会发生的事情是，DataTemplate会覆盖TabItem样式，当我单击文本时它不会转到单击的选项卡，此外，未选中的选项卡看起来非常有趣，我看到文字的矩形浮动，而我希望它是透明的。

所以，总结一下我的问题，我想将TabItem.Header.Text设置为带有StringFormat的MultiBinding。

Answer 1

TabControl包含一个ContentTemplate属性以及它从ItemsControl继承的ItemTemplate。它使用ContentTemplate来区分Content区域中显示的内容，而ItemTemplate则定义Header的模板。此外，ItemSource中的每个Item都将自动包装在TabItem中;它不需要在ItemTemplate中重新创建，因为它会在你注意到的时候尝试将TabItem放在Header中。

不是在ItemTemplate中重新创建TabItem，而是使用ItemTemplate定义Header内容，使用ContentTemplate定义内容。

<TabControl ItemsSource="{Binding}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock>
                <TextBlock.Text>
                    <MultiBinding StringFormat="{}{0}--{1}">
                        <Binding Path="Title" />
                        <Binding Path="Category.Title" />
                    </MultiBinding>
                </TextBlock.Text>
            </TextBlock>
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding MyContent}" />
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

在您的第一段中，您提到要在标题的边界部分设置不同的大小。如果您确实想这样做，您将无法使用单个Binding或MultiBinding来设置文本，如上所述。相反，您可以嵌套TextBlocks来实现这一目标，每种格式都有不同的格式。

<TabControl.ItemTemplate>
    <DataTemplate>
        <TextBlock>
            <TextBlock Text="{Binding Title}"
                       FontSize="12" />
            <Run Text="--" />
            <TextBlock Text="{Binding Category.Title}"
                       FontSize="10" />
        </TextBlock>
    </DataTemplate>
</TabControl.ItemTemplate>

TabControl.ItemTemplate：使用StringFormat将TabItem.Header.Text设置为MultiBinding

1 个答案: