国家  china

C1Chart for WPF初级教程-基础介绍。XAML动画(一)

基础介绍。XAML动画(一)

从2012V3版本开始,图表控件就开始添加了很多增进的功能。比如动画。你可以设置动画给plot elements,但是现在新的动画API使得动画变得简单起来。

本文就来介绍在XAML里创建载入动画。

 

当我们设计XAML控件的时候,我们希望它容易使用。因此我们在PlotElmentAnimation类中暴露了两个属性:StoryboardSymbolStyle。你可以通过创建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)

 

 

下面我们会讨论如何使用Styles和Storyboards创建更多的动画。

Chart的在线英文产品文档地址:

http://helpcentral.componentone.com/nethelp/c1wpfchart/#!Documents/componentonechartforwpf.htm

如果你对C1Chart感兴趣,请到我们的官网下载最新版本:http://www.gcpowertools.com.cn/products/componentone_studio_winchart.htm

如果你有疑问,可以到GCDN论坛获得技术支持:http://gcdn.gcpowertools.com.cn/showforum-68.html

 

C1Chart for WPF初级教程》系列文章

初遇。Getting Started(上)

初遇。Getting Started(下)

类型。穿Prada的女王(上)

类型。穿Prada的女王(下)

数据。和数据源相关的那些事(一)

数据。和数据源相关的那些事(二)

数据。和数据源相关的那些事(三)

数据。和数据源相关的那些事(四)

标记和标签。撕名牌大战(一)

标记和标签。撕名牌大战(二)

标记和标签。撕名牌大战(三)

导出(PDF,EXCEL) 

多轴图表 

轴的动态绑定

实现轴注释的高级自定义

颜色和大小。数据点的自定义(一)

符号。数据点的自定义(二)

基础介绍。XAML动画(一)

基础介绍。XAML动画(二)

基础介绍。XAML动画(三)

基础介绍。XAML动画(四)

转载声明:
欢迎将本站文章进行转载、演绎或用于商业目的,转载时请注明以下信息
文章转自:葡萄城控件产品博客,http://blog.gcpowertools.com.cn
原文地址:http://blog.gcpowertools.com.cn/post/C1ChartWPF_Animation1.aspx

不允许评论