文章目录
- 1、运行效果
- 2、案例实现
- 1、PointAnimationUsingKeyFrames 关键帧动画
- 2、矩形流水边框案例
- 2、运行效果
- 3、关键技术点
- 3、案例拓展：其他形状实现
- 1、圆形流水边框
- 2、心形流水边
- 3、完整页面代码
- 4、运行效果
- 5、总结
1、运行效果
2、案例实现
1、PointAnimationUsingKeyFrames 关键帧动画
要创建一个 PointAnimationUsingKeyFrames 动画，你需要定义以下内容：
- 目标属性： 这是你想要动画化的 Point 属性。例如，如果你有一个 Canvas 上的 Ellipse，并且你想动画化它的位置，你可以动画化 Canvas.Left 和 Canvas.Top 附加上去的 Point 属性。
- 关键帧： 每个 KeyFrame 定义了动画中的一个状态。你可以指定动画在该关键帧时应该到达的 Value（即 Point），以及何时（KeyTime）达到这个值。
- 插值方法： 每个 KeyFrame 可以有不同的插值方法，决定了从一个关键帧到下一个关键帧的过渡方式。默认情况下，WPF 使用线性插值
