Button 使用 DataTrigger

一直以来 下面的写法都是错的 

<Button Content="开始测试" Width="100" Margin="10" Height="50" Click="button_test_Click">            
    <Button.Triggers>
        <DataTrigger Binding="{Binding IsTest}" Value="True" >
            <Setter Property="Content" Value="停止测试"/>
        </DataTrigger>
    </Button.Triggers>
</Button>

报错为 “Triggers 集合成员必须是类型EventTriggers”

使用 style

代码1

<Button Content="开始测试" Width="100" Margin="10" Height="50" Click="button_test_Click">            
    <Button.Style>
        <Style TargetType="Button">
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsTest}" Value="True" >
                    <Setter Property="Content" Value="停止测试"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

一点效果都没有

 

今天终于发现，下面才是正解

代码2

<Button Width="100" Margin="10" Height="50" Click="button_test_Click">            
    <Button.Style>
        <Style TargetType="Button">
            <Setter Property="Content" Value="开始测试"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsTest}" Value="True" >
                    <Setter Property="Content" Value="停止测试"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

 

解释：

动作流程：

1.设置的是 Style 的 Triggers,  当 IsTest=True 时，改变的是 Style 里面的 <Setter Property="Content" Value="停止测试"/>

2. Style 中的 Setter 变化了， 对应 Button 中的属性 也被同时改变。

 

代码1 中， 虽然设置了Style， 但也设置了 Button.Content, 导致 Style 中的 <Setter Property="Content"/> 无效

自然，就算 IsTest=True，Style 中的 Setter 变化了， 也没用。 因为永远以 Button.Content 为最后设置值

 

后记：

真的不理解微软为啥 “Triggers 集合成员必须是类型EventTriggers”

Style.Triggers 都能 有DataTrigger