<ComponentOne Studio for WPF下载>

从2012 v3版本开始，图表控件就开始添加了很多增进的功能，比如动画。您可以为plot elements设置动画，但是现在新的动画API使得动画变得简单起来。本文就将为大家介绍如何在XAML里创建载入动画。

当我们设计XAML控件的时候，我们希望它容易使用。因此我们在PlotElmentAnimation类中暴露了两个属性：Storyboard 和 SymbolStyle。您可以通过创建storyboard和style来自定义动画。然后设置PlotElementAnimation的实例给LoadAnimation属性。下面我们就通过如下的实例来讲解动画。

创建Fade-in动画

如下代码就是通过载入动画来改变plot元素的透明度来实现fade-in动画。

<c1:C1Chart x:Name="c1Chart1" Palette="Office">
<c1:C1Chart.Data>
<c1:ChartData>
<c1:DataSeries Label="s1" Values="1 2 3 4 5" />
<c1:ChartData.LoadAnimation>
<c1:PlotElementAnimation Storyboard="{StaticResource sbOpacity}"
SymbolStyle="{StaticResource styleOpacity}"/>
</c1:ChartData.LoadAnimation>
</c1:ChartData>
</c1:C1Chart.Data>
</c1:C1Chart>

请注意应用动画，是通过创建包含Storyboard和SymbolStyle的PlotElementAnimation实现的。下面就来看看如何创建资源，代码如下：

<Style TargetType="c1:PlotElement" x:Key="styleOpacity">
<Setter Property="Opacity" Value="0" />
</Style>
<Storyboard x:Key="sbOpacity">
<DoubleAnimation Storyboard.TargetProperty="Opacity"
Duration="00:00:01"
From="0" To="1"
c1:PlotElementAnimation.IndexDelay="0.5"/>
</Storyboard>

Style和Storyboard是典型的XAML资源，我们每个人都很熟悉。定义我们需要的storyboard使得我们能够容易在XAML平台下创建动画，也是简单的、标准的做法。也需要注意Style资源应用于c1:PlotElement类型。通过这样的方式，您就可以创建任何类型的动画。关键是从Storyboard连接TargetProperty到一些属性。

如下所示：

 示例如下所示： C1ChartWPF_Animation.zip (8.17 kb) 

PS: 关于ComponentOne，这些产品你可以关注>>

本文转载自葡萄城

葡萄城经典UI产品新年大促，惊喜折扣礼品送不停！优惠详情点击查看>>

新年新禧新气象，送礼送福送优惠！优惠详情点击查看>>