当前位置：网站首页 > 技术文章 > 正文

C1Chart for WPF初级教程:XAML动画

zhezhongyun 2025-08-03 09:24 18 浏览

ComponentOne Studio for WPF下载>

在上文中，我们介绍了动画的基本知识以及Fade in动画效果。本文就在此基础上，介绍如何创建Scaling动画。

一个Scaling动画是plot元素在大小上的缩放和扩展。我们可以通过Style和Storyboard来模拟动画效果，比如使用EasingFunction 和RenderTransformOrigin。代码参考：

请注意设置了ScaleY持续到00:00:00，因此可以移除它。设置Scale属性为0，将创建唯一的scaling效果如下：

RenderTransformOrigin属性设置决定是否动画被定位，（0.5，0.5）这样的值为在中心位置。如下一个列表，帮助您了解位置：

Center = (0.5, 0.5)
Bottom = (0.5, 2)
Top = (0.5, -2)
Left = (-2, 0.5)
Right = (2, 0.5)
Top Left = (2, -2)
Top Right = (-2, -2)
Bottom Left = (2, 2)
Bottom Right = (-2, 2)

Easing函数允许你给动画应用自定义的公式。这内置的在Storyboard API，因此他们可以简单的配置。每一个功能都有额外的属性，比如Springiness, Bounciness, Easing Mode 和 Amplitude，因此给以后自定义动画提供方便。Easing功能的示例：

本站文章除注明转载外，均为本站原创或翻译

相关推荐