国产视频中文字幕,麻豆高潮AV久久,91中文在线字幕

C1Chart for WPF初級教程：XAML動畫（1/4）

原創(chuàng)|使用教程|編輯：龔雪|2016-02-17 09:19:15.000|閱讀 627 次

概述：從2012 v3版本開始，圖表控件就開始添加了很多增進(jìn)的功能，比如動畫。您可以為plot elements設(shè)置動畫，但是現(xiàn)在新的動畫API使得動畫變得簡單起來。本文就將為大家介紹如何在XAML里創(chuàng)建載入動畫。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

<ComponentOne Studio for WPF下載>

從2012 v3版本開始，圖表控件就開始添加了很多增進(jìn)的功能，比如動畫。您可以為plot elements設(shè)置動畫，但是現(xiàn)在新的動畫API使得動畫變得簡單起來。本文就將為大家介紹如何在XAML里創(chuàng)建載入動畫。

當(dāng)我們設(shè)計XAML控件的時候，我們希望它容易使用。因此我們在PlotElmentAnimation類中暴露了兩個屬性：Storyboard 和 SymbolStyle。您可以通過創(chuàng)建storyboard和style來自定義動畫。然后設(shè)置PlotElementAnimation的實例給LoadAnimation屬性。下面我們就通過如下的實例來講解動畫。

創(chuàng)建Fade-in動畫

如下代碼就是通過載入動畫來改變plot元素的透明度來實現(xiàn)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>

請注意應(yīng)用動畫，是通過創(chuàng)建包含Storyboard和SymbolStyle的PlotElementAnimation實現(xiàn)的。下面就來看看如何創(chuàng)建資源，代碼如下：

<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平臺下創(chuàng)建動畫，也是簡單的、標(biāo)準(zhǔn)的做法。也需要注意Style資源應(yīng)用于c1:PlotElement類型。通過這樣的方式，您就可以創(chuàng)建任何類型的動畫。關(guān)鍵是從Storyboard連接TargetProperty到一些屬性。

如下所示：