基础介绍。XAML动画（一）

从2012V3版本开始，图表控件就开始添加了很多增进的功能。比如动画。你可以设置动画给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到一些属性。

如下所示：