wpf – TabControl.ItemTemplate:使用StringFormat将TabItem.Header.Text设置为MultiBinding

如何将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。

解决方法

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>

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些