数据触发器：怎么了？

Question

我正在尝试在我的 ToggleButton 上使用自定义皮肤。这是我的ToggleButton：

<ToggleButton Template="{StaticResource OnTemplate}" IsChecked="True" >
    <ToggleButton.Style>
        <Style TargetType="ToggleButton">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=IsChecked}" Value="True">
                    <Setter Property="Template" Value="{StaticResource OnTemplate}" />
                </DataTrigger>
                <DataTrigger Binding="{Binding Path=IsChecked}" Value="False">
                    <Setter Property="Template" Value="{StaticResource OffTemplate}" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ToggleButton.Style>
</ToggleButton>

这是两个模板：

<ControlTemplate x:Key="OnTemplate">
    <Grid>
        <Image Source="ToggleOn.png" />
        <TextBlock>On</TextBlock>
    </Grid>
</ControlTemplate>

<ControlTemplate x:Key="OffTemplate">
    <Grid>
        <Image Source="ToggleOff.png" />
        <TextBlock>Off</TextBlock>
    </Grid>
</ControlTemplate>

这似乎行不通。我做错了什么？

Answer 1

尝试简单地从按钮定义中删除 Template="{StaticResource OnTemplate}"。本地值胜过触发器/样式设置器的值。

此外，您需要使用常规的Trigger 而不是DataTrigger，或者您需要在DataTrigger 绑定上设置RelativeSource={RelativeSource Self}。我推荐前者。