码迷,mamicode.com
首页 > 其他好文 > 详细

EventTrigger

时间:2020-05-06 01:49:25      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:ref   一个   tle   意思   复制   cli   toolbar   class   prope   

原文:EventTrigger

EventTrigger事件触发器。

相比较数据,属性,事件触发器是XAML的UI层中最重要的一个部分。

事件触发器中,触发的效果是动画,不再是setter。

也是很有意思的

技术图片
  <对象.Style>
                <Style TargetType="对象">                
                    <Style.Triggers>
                        <EventTrigger RoutedEvent="事件">
                          //动画
                        </EventTrigger>
                    </Style.Triggers>
                </Style>
 </对象.Style>
技术图片

 

下面给一个小小的例子

当鼠标移动要按钮上时,按钮的宽度会变宽,离开时按钮的宽度会变回去

技术图片
    <Grid>
        <Button Height="50" Width="100" >
            <Button.Style>
                <Style TargetType="Button">
                    <Setter Property="Content" Value="点击"/>
                    <Style.Triggers>
                        <EventTrigger RoutedEvent="MouseEnter">
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation Storyboard.TargetProperty="Width" From="100" To="150" Duration="00:00:1"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                        <EventTrigger RoutedEvent="MouseLeave">
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation Storyboard.TargetProperty="Width" From="150" To="100" Duration="00:00:1"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Style.Triggers>
                </Style>
            </Button.Style>
        </Button>
      
    </Grid>
技术图片

技术图片

有很多的事件可以利用,在创建一个UI动画时,事件触发器是一个必不可少的哦

EventTrigger

标签:ref   一个   tle   意思   复制   cli   toolbar   class   prope   

原文地址:https://www.cnblogs.com/lonelyxmas/p/12834006.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!