我是靠谱客的博主 英俊墨镜,最近开发中收集的这篇文章主要介绍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

 

 

 

 

 

最后

以上就是英俊墨镜为你收集整理的Button 使用 DataTrigger的全部内容,希望文章能够帮你解决Button 使用 DataTrigger所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(58)

评论列表共有 0 条评论

立即
投稿
返回
顶部