WPF-关于动画Animation(及其常见问题)

本文详细介绍了WindowsPresentationFoundation(WPF)中的各种动画类型,包括Double型、Object型、Color型、String型以及沿路径动画。还讨论了如何在资源、事件触发器和关键帧中使用动画,以及解决动画常见问题和路径、变形控制的方法。

目录

一、动画合集

常见动画类型

1、资源里添加动画资源

2、事件触发器里开始一个动画

3、Double型关键帧动画

4、Object型关键帧动画 

5、Color型关键帧动画

6、String型关键帧动画

7、Matrix型沿路径动画

二、扩展

Ⅰ 动画常见问题

1、控制动画结束问题

Ⅱ 流动Path

Ⅲ 变形


一、动画合集

创建一个Storyboard演示画板,在画板里对动画进行定义与处理。

常见动画类型

提醒:更多动画类型及介绍可查看:动画概述-WPF .NET Framework

DoubleAnimation                               //普通Double型控制动画

DoubleAnimationUsingKeyFrames //Double型关键帧动画

ObjectAnimationUsingKeyFrames  //Object型关键帧动画

ColorAnimationUsingKeyFrames    //Color型关键帧动画

StringAnimationUsingKeyFrames    //String型关键帧动画

MatrixAnimationUsingPath              //沿路径型动画

1、资源里添加动画资源

注意:开始动画得自己规划逻辑(触发器、事件都可)

     var storybd = this.FindResource("storybd") as Storyboard;
     storybd.Begin();
    <Window.Resources>
        <Storyboard x:Key="storybd">
            <DoubleAnimation AutoReverse="True"
                             By="0.1"
                             RepeatBehavior="Forever"
                             Storyboard.TargetName="btn"
                             Storyboard.TargetProperty="Opacity"
                             From="0.0" />
            <DoubleAnimation AutoReverse="True"
                             RepeatBehavior="Forever"
                             Storyboard.TargetName="btn"
                             Storyboard.TargetProperty="(Control.Background).(RadialGradientBrush.GradientStops)[1].Offset"
                             From="1"
                             To="0"
                             Duration="0:0:1" />
        </Storyboard>
    </Window.Resources>

2、事件触发器里开始一个动画

        <Rectangle Name="Rect"
                   Width="70"
                   Height="80"
                   Margin="279,0,0,0"
                   HorizontalAlignment="Left"
                   VerticalAlignment="Center"
                   Fill="Green">
            <Rectangle.Triggers>
                <EventTrigger RoutedEvent="Rectangle.Loaded">
                    <BeginStoryboard>
                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值