WPF学习 第十一章2 触发器

2触发器

2.1简单触发器(Trigger)

当TextBox获取到焦点时,就会根据触发器修改其属性。


<Window.Resources>

       <Style x:Key="textBoxStyle"TargetType="TextBox">

           <Style.Setters>

                <SetterProperty="FontSize" Value="40"></Setter>

           </Style.Setters>

           <Style.Triggers>

                <TriggerProperty="IsFocused" Value="True">

                    <Trigger.Setters>

                        <SetterProperty="Background" Value="Red"></Setter>

                    </Trigger.Setters>

                </Trigger>

           </Style.Triggers>

       </Style>

   </Window.Resources>

   <StackPanel>

       <TextBox Style="{StaticResourcetextBoxStyle}">TextBox</TextBox>

       <Button Name="button1" Content="Button1"></Button>

       <Button Name="button2" Content="Button2"></Button>

</StackPanel>

多条件触发器(MultiTrigger):当所有条件都满足时才运行属性设置操作。

<Window.Resources>

        <Stylex:Key="textBoxStyle" TargetType="TextBox">

            <Style.Setters>

                <SetterProperty="FontSize" Value="40"></Setter>

            </Style.Setters>

            <Style.Triggers>

                <MultiTrigger>

                   <MultiTrigger.Conditions>

                        <ConditionProperty="IsFocused" Value="True"></Condition>

                        <ConditionProperty="IsMouseOver" Value="True"></Condition>

                   </MultiTrigger.Conditions>

                   <MultiTrigger.Setters>

                        <SetterProperty="Background" Value="Red"></Setter>

                   </MultiTrigger.Setters>

                </MultiTrigger>

            </Style.Triggers>

        </Style>

    </Window.Resources>

2.2事件触发器

<Window.Resources>

       <Style x:Key="textBoxStyle"TargetType="TextBox">

           <Style.Setters>

                <SetterProperty="FontSize" Value="40"></Setter>

           </Style.Setters>

           <Style.Triggers>

                <EventTriggerRoutedEvent="Mouse.MouseEnter">

                   <EventTrigger.Actions>

                        <BeginStoryboard>

                            <Storyboard>

                               <DoubleAnimation Duration="0:0:0.2"Storyboard.TargetProperty="FontSize" To="60">

                               </DoubleAnimation>

                           </Storyboard>

                       </BeginStoryboard>

                   </EventTrigger.Actions>

                </EventTrigger>

                <EventTriggerRoutedEvent="Mouse.MouseLeave">

                    <EventTrigger.Actions>

                        <BeginStoryboard>

                            <Storyboard>

                               <DoubleAnimation Duration="0:0:0.2"Storyboard.TargetProperty="FontSize" To="40">

                               </DoubleAnimation>

                           </Storyboard>

                       </BeginStoryboard>

                   </EventTrigger.Actions>

                </EventTrigger>

           </Style.Triggers>

       </Style>

   </Window.Resources>

   <StackPanel>

       <TextBox Style="{StaticResourcetextBoxStyle}">TextBox</TextBox>

</StackPanel>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值