C# WPF :Trigger、MultiTrigger和DataTrigger的简要用法

本文解析了样式中三种关键触发器:普通触发器实现鼠标悬停效果变化,多条件触发器结合鼠标焦点和选中状态调整字体,数据触发器依据数据内容改变背景色。深入理解并应用在UI设计中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

下面列出一个简要的例子

<Style TargetType="TextBox" x:Key="basestyle">
            <Setter Property="FontSize" Value="35"></Setter>
            <Setter Property="Foreground" Value="#865FC5"></Setter>
            <Style.Triggers>
                <!--①Trigger-->
                <Trigger Property="IsMouseOver" Value="true" >
                    <Setter Property="FontSize" Value="35"></Setter>
                    <Setter Property="Foreground" Value="DarkRed"></Setter>
                </Trigger>
                <Trigger Property="IsMouseOver" Value="false" >
                    <Setter Property="FontSize" Value="25"></Setter>
                    <Setter Property="Foreground" Value="DarkBlue"></Setter>
                </Trigger>
                <!--②MultiTrigger-->
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsMouseOver" Value="true"></Condition>
                        <Condition Property="IsFocused" Value="true"></Condition>
                    </MultiTrigger.Conditions>
                    <MultiTrigger.Setters>
                        <Setter Property="FontStyle" Value="Oblique"></Setter>
                        <Setter Property="FontWeight" Value="3"></Setter>
                    </MultiTrigger.Setters>
                </MultiTrigger>
                <!-- ③DataTrigger-->
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=Self},Path=Text }" Value="123">
                    <Setter Property="Background" Value="Green"></Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>

①:普通触发器

此触发器设置了两个,一个是鼠标放在control上显示暗红色,一个是鼠标离开显示蓝色,效果如下图:

鼠标放上:

在这里插入图片描述

鼠标离开:

在这里插入图片描述

②:多条件触发器,此条件设置为鼠标放在其上而且组件被选中时字体为斜体
在这里插入图片描述
③:数据触发器,此数据设置为数据为123时背景改为绿色

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

YZW0123

谢谢大家的支持,请关注我哦!!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值