日韩高清伦理,日韩精品无,私人午夜亚洲

C1Chart for WPF初級(jí)教程：XAML動(dòng)畫(huà)（1/4）

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

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

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

相關(guān)鏈接：

<ComponentOne Studio for WPF下載>

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

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

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

如下代碼就是通過(guò)載入動(dòng)畫(huà)來(lái)改變plot元素的透明度來(lái)實(shí)現(xiàn)fade-in動(dòng)畫(huà)。

<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>

請(qǐng)注意應(yīng)用動(dòng)畫(huà)，是通過(guò)創(chuàng)建包含Storyboard和SymbolStyle的PlotElementAnimation實(shí)現(xiàn)的。下面就來(lái)看看如何創(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資源，我們每個(gè)人都很熟悉。定義我們需要的storyboard使得我們能夠容易在XAML平臺(tái)下創(chuàng)建動(dòng)畫(huà)，也是簡(jiǎn)單的、標(biāo)準(zhǔn)的做法。也需要注意Style資源應(yīng)用于c1:PlotElement類型。通過(guò)這樣的方式，您就可以創(chuàng)建任何類型的動(dòng)畫(huà)。關(guān)鍵是從Storyboard連接TargetProperty到一些屬性。

如下所示：