WPF之弹动Button

 <Style x:Key="MoveButton" TargetType="Button">
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Canvas x:Name="gd" >
                            <Border x:Name="back"  Background="{TemplateBinding Background}" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}">
                                <ContentPresenter x:Name="cp"  Content="{TemplateBinding Content}"  HorizontalAlignment="Center" VerticalAlignment="Center" IsHitTestVisible="False"/>
                            </Border>
                        </Canvas>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsPressed" Value="true">
                                <!--样式动画,EnterActions活动状态,ExitActions非活动状态-->
                                <Trigger.EnterActions>
                                    <!--BeginStoryboard 触发器操作,该操作可启动Storyboard -->
                                    <BeginStoryboard>
                                        <!--Storyboard一个容器时间线,该时间线为子动画提供对象和属性确定信息-->
                                        <Storyboard>
                                            <!--Double属性值进行动画处理DoubleAnimation-->
                                            <DoubleAnimation From="0" To="2" Duration="0:0:0.1" Storyboard.TargetName="back" Storyboard.TargetProperty="(Canvas.Top)" />
                                            <DoubleAnimation From="0" To="1" Duration="0:0:0.1" Storyboard.TargetName="back" Storyboard.TargetProperty="(Canvas.Left)" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation From="2" To="0" Duration="0:0:0.1" Storyboard.TargetName="back" Storyboard.TargetProperty="(Canvas.Top)" />
                                            <DoubleAnimation From="1" To="0" Duration="0:0:0.1" Storyboard.TargetName="back" Storyboard.TargetProperty="(Canvas.Left)" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.ExitActions>

                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="Foreground"  Value="Red" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值