关于TabControl的Trigger【项目】

我有一个TabControl

<TabControl x:Name="ToolSystemSection"
                            Grid.Row="4"
                            ContentTemplate="{StaticResource WaterSwellHTToolSystemContent_Template}"
                            IsSynchronizedWithCurrentItem="True"
                            ItemContainerStyle="{StaticResource WaterSwellHTToolSystemItemContainer_Template}"
                            ItemsSource="{Binding Path=ToolInfoCollection}"
                            Style="{StaticResource ToolSystemTabControl_Style}">
                    <TabControl.Background>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                            <GradientStop Offset="1" Color="#FF6C6C6F" />
                            <GradientStop Color="#FFA8AAAD" />
                        </LinearGradientBrush>
                    </TabControl.Background>
                </TabControl>

 

要实现上面的Behivor需要设计其trigger。

<Style x:Key="WaterSwellHTToolSystemItemContainer_Template" TargetType="{x:Type TabItem}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TabItem}">
                    <Border x:Name="border"
                            Height="35"
                            MinWidth="180"
                            Background="#808284"
                            BorderThickness="1,1,3,0"
                            CornerRadius="3,3,0,0">
                        <Grid Background="Transparent">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="140" />
                                <ColumnDefinition Width="30" />
                            </Grid.ColumnDefinitions>
                            <TextBlock HorizontalAlignment="Center"
                                       VerticalAlignment="Center"
                                       FontSize="11pt"
                                       Style="{StaticResource Univers57_Condensed}"
                                       Text="{Binding DesignName,
                                                      UpdateSourceTrigger=PropertyChanged}" />
                            <Button x:Name="CloseButton"
                                    Grid.Column="1"
                                    HorizontalAlignment="Center"
                                    Command="{Binding DeleteDesignCommand}"
                                    Style="{StaticResource Cross_Button_Style}"
                                    Visibility="Collapsed" />
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>


                        <Trigger Property="IsSelected" Value="True">
                            <Setter TargetName="CloseButton" Property="Visibility" Value="Visible" />
                            <Setter TargetName="border" Property="Background" Value="#FFA7A9AB" />
                        </Trigger>

                        <MultiDataTrigger>
                            <MultiDataTrigger.Conditions>
                                <Condition Binding="{Binding Path=IsSelected, RelativeSource={RelativeSource Self}}" Value="True" />
                                <Condition Binding="{Binding Path=Items.Count, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="1" />
                            </MultiDataTrigger.Conditions>
                            <Setter TargetName="CloseButton" Property="Visibility" Value="Collapsed" />
                        </MultiDataTrigger>

                        <!--
                            <Trigger Property="IsSelected" Value="True">
                            <Setter TargetName="CloseButton" Property="Visibility" Value="Visible" />
                            <Setter TargetName="border" Property="Background" Value="#FFA7A9AB" />
                            </Trigger>
                            <DataTrigger Binding="{Binding Path=Items.Count, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="1">
                            <Setter TargetName="CloseButton" Property="Visibility" Value="Collapsed" />
                            </DataTrigger>
                        -->

                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

方法一：设置一个trigger和一个MultiTrigger，其实<Condition Binding="{Binding Path=IsSelected, RelativeSource={RelativeSource Self}}" Value="True" />不用写

方法二：设置一个Trigger和一个DataTrigger

说明的三点问题：

1. MultiDataTrigger里只能有Binding模式的Trigger，所以叫dataTrigger。但是需要用到Control itself自己的一个属性Path=IsSelected，要写成Binding="{Binding Path=IsSelected, RelativeSource={RelativeSource Self}}的模式，对比其在普通trigger下的表现实行<Trigger Property="IsSelected" Value="True">
2. <Condition Binding="{Binding Path=Items.Count, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="1" />属性Items.Count是<TabControl>里的属性，所以这里写成AncestorType={x:Type TabControl}而不是TemplateParent
3. <ControlTemplate.Triggers>......</ControlTemplate.Triggers>可以同时包含多种混合的Trigger