触发器示例

最新推荐文章于 2022-10-17 16:00:45 发布

jackpanlee

最新推荐文章于 2022-10-17 16:00:45 发布

阅读量251

点赞数

分类专栏： WPF

本文链接：https://blog.csdn.net/ilipan/article/details/48213413

版权

WPF 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

属性触发器：

    <Window.Resources>
        <Style x:Key="buttonMouseOver" TargetType="{x:Type Button}">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="RenderTransform">
                        <Setter.Value>
                            <ScaleTransform ScaleX="3" ScaleY="3">
                                </ScaleTransform>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>

事件触发器1：

 <Window.Resources>
        <Style x:Key="style" TargetType="Button">
            <Style.Triggers>
                <EventTrigger RoutedEvent="Mouse.MouseEnter">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation
                  Duration="0:0:0.2"
                  Storyboard.TargetProperty="Width"
                  To="10"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>

                <EventTrigger RoutedEvent="Mouse.MouseLeave">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation
                  Duration="0:0:0.4"
                  Storyboard.TargetProperty="Width"
                  To="100"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>

    <GroupBox x:Name="groupBox"  Header="节点">
        <StackPanel Margin="2,2,2,2">
            <Button Style="{StaticResource ResourceKey=style}" Width="100" Height="40">
            </Button>
        </StackPanel>
    </GroupBox>
</Window>

事件触发器2：

  <Button RenderTransformOrigin="0.5,0.5" Height="133" Canvas.Left="57" Canvas.Top="56" Width="352">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Mouse.MouseEnter">
                    <BeginStoryboard>
                        <Storyboard>
                            <ThicknessAnimation
               Storyboard.TargetProperty="Margin" Duration="0:0:0.5"
               From="50,50,50,50" To="0,0,50,50" AutoReverse="True"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
        </Button>

数据触发器：

    <Window.Resources>
        <Style TargetType="TextBlock">
            <Style.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self},Path=Text}" Value="8">
                    <Setter Property="Foreground" Value="Red"></Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Canvas Margin="0,0,0,0">
        <TextBlock Text="8"/>
    </Canvas>