12WPF---简单线性动画

眼里的星光lzw

已于 2023-12-21 18:02:14 修改

阅读量694

点赞数

分类专栏： WPF 文章标签： wpf

于 2022-12-12 16:06:31 首次发布

本文链接：https://blog.youkuaiyun.com/qq_58563355/article/details/128247041

版权

WPF 专栏收录该内容

23 篇文章

订阅专栏

概述

1.动画本质是在一个时间段内对象尺寸、位移、旋转、缩放、颜色、透明度等属性值的连续变化，也包括图形变形的属性。

2.WPF动画分类

简单线性动画：17个类型名+Animation

关键帧动画：22个类型名+AnimationUsingKeyFrames

路径动画：3个类名+AnimationUsingPath

3.WPF动画中的关键对象

动画类+故事板

3.1StoryBoard对象：

控制动画的运行、开始、停止、恢复

动画与对象的桥梁：DoubleAnimation定义动画实例，执行在哪个对象

3.2简单线性动画对象

DoubleAnimation

ColorAnimation

PointAnimation

3.3基本属性

时间：Duration

值变化：From、To、By

开始时间：BeginTime

属性关联：StoryBoard.TargetName

StoryBoard.TargetProperty

动画重复：RepeatBehavior(次数3x、时间0:0:3、永远Forever)

自动返回：AutoReverse

4.WPF动画必要条件

对象必须实现IAnimatable接口

关联属性必须是依赖属性

需要有与属性对应类型的动画类

示例代码

1.宽度变化DoubleAnimation

From不写的话,动画会从当前最新的值开始变化

By:从当前最新值开始增量变化到

        <Storyboard x:Key="resume">
            <DoubleAnimation Duration="0:0:1" 
                             Storyboard.TargetName="border_1"
                             Storyboard.TargetProperty="Width"/>
        </Storyboard>

都不写,可恢复到原始状态

触发动画

定义单击事件：

使用事件触发器

2.颜色变化ColorAnimation

注意点：使用Background.Color

执行

3.坐标点变化PiontAnimation

            <Path Fill="Yellow" Name="path">
                <Path.Data>
                    <EllipseGeometry RadiusX="50" RadiusY="30" x:Name="ellipse"/>
                </Path.Data>
            </Path>


            <PointAnimation Duration="0:0:1"
                            To="100,50"
                            Storyboard.TargetName="ellipse"
                            Storyboard.TargetProperty="Center"/>