Question

我有一个触发器，当选择一个标签时，我将标签颜色为蓝色，文字为白色，但问题是由于某种原因，此触发器还会将标签主体中的文本颜色更改为白色。组合框。似乎任何有标题的东西都会变成白色。

如何只使用标签本身的标题

<TabItem Header="Query Editor" <-- This text only

选择时

会变为白色而表单上没有其他文字吗？

以下是我正在使用的代码。

感谢。

<Style TargetType="{x:Type TabItem}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TabItem}">
                <Grid>
                    <Border Name="Border"
                        Background="WhiteSmoke"
                        BorderBrush="Black"
                        BorderThickness="1,1,1,1"
                        CornerRadius="6,6,0,0">

                        <ContentPresenter x:Name="ContentSite"
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            ContentSource="Header"
                            Margin="12,2,12,2"/>
                    </Border>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter TargetName="Border" Property="Background" Value="#00396a" />
                        <Setter Property="Foreground" Value="White" />
                    </Trigger>
                    <Trigger Property="IsSelected" Value="False">
                        <Setter TargetName="Border" Property="Background" Value="WhiteSmoke" />
                        <Setter Property="Foreground" Value="Black" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Answer 1

可能是TabItem.HeaderTemplate适合你。

        <TabControl>
            <TabControl.Resources>
                 <DataTemplate x:Key="headerText">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <TextBlock x:Name="content" Text="{Binding}" Grid.Column="1"/>
                </Grid>
                <DataTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Trigger.Setters>
                            <Setter TargetName="content" Property="Foreground" Value="white" />
                        </Trigger.Setters>
                    </Trigger>
                </DataTemplate.Triggers>
            </DataTemplate>
            <Style TargetType="TabItem">
                <Style.Setters>
                    <Setter Property="HeaderTemplate" Value="{StaticResource headerText}" />
                </Style.Setters>
            </Style>
            </TabControl.Resources>



            <TabItem Header="fsdf" >
                <TextBlock Text="lkajsldkjaskl" />
            </TabItem>
            <TabItem Header="ghj">
                <TextBlock Text="ghj" />
            </TabItem>
            <TabItem Header="fs556df">
                <TextBlock Text="jjj" />
            </TabItem>
        </TabControl>

    </TabItem>
</TabControl>

你可以有2个标准，一个正常选择。在你的tabitem样式触发器中，你可以将headertemplate设置为右边的“IsSelected”。

Answer 2

解决方案！

谢谢大家的帮助。

我更改的内容是删除了ContentPresenter并将其替换为仅影响标题页本身的文本块。

<TabControl.Resources>
    <Style TargetType="{x:Type TabControl}">
        <Setter Property="Background">
            <Setter.Value>
                <LinearGradientBrush>
                    <GradientStop Offset="0" Color="WhiteSmoke"/>
                    <GradientStop Offset="4" Color="GhostWhite"/>
                 </LinearGradientBrush>
             </Setter.Value>
         </Setter>
         <Setter Property="Foreground" Value="Black" />
     </Style>

     <Style TargetType="{x:Type TabItem}">
         <Setter Property="Template">
             <Setter.Value>
                 <ControlTemplate TargetType="{x:Type TabItem}">
                     <Grid>
                         <Border Name="Border"
                             Background="WhiteSmoke"
                             BorderBrush="Black"
                             BorderThickness="1,1,1,1"
                             CornerRadius="6,6,0,0">

                             <TextBlock 
                                 x:Name="TabItemContent" 
                                 VerticalAlignment="Center"
                                 HorizontalAlignment="Center"
                                 Text="{TemplateBinding Header}"
                                 Margin="12,2,12,2" />
                         </Border>
                     </Grid>
                     <ControlTemplate.Triggers>
                         <Trigger Property="IsSelected" Value="True">
                             <Setter TargetName="Border" Property="Background" Value="#00396a" />
                             <Setter Property="Foreground" TargetName="TabItemContent" Value="White"/>
                         </Trigger>
                         <Trigger Property="IsSelected" Value="False">
                            <Setter TargetName="Border" Property="Background" Value="WhiteSmoke" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</TabControl.Resources>

XAML触发器WPF选项卡选项的变化超过选项卡标题

2 个答案: