<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到一些屬性。

如下所示：

 示例如下所示： 

PS: 關于ComponentOne，這些產品你可以關注>>

本文轉載自

葡萄城經典UI產品新年大促，驚喜折扣禮品送不停！優惠詳情點擊查看>>

新年新禧新氣象，送禮送福送優惠！優惠詳情點擊查看>>