在 Syncfusion UWP 中添加动画答案

【问题标题】：Adding animation in Syncfusion UWP在 Syncfusion UWP 中添加动画
【发布时间】：2017-07-19 20:39:52
【问题描述】：

我在 UWP 应用中使用 Syncfusion 来创建折线图。我正在尝试添加动画，以便当我们向集合中添加新数据时线条会延伸。没有找到关于文档的任何帮助。默认动画在其中的每两个数据点之间绘制。没有其他动画出现。任何帮助表示赞赏

【问题讨论】：

在 Syncfusion 支持中提出票证，也许他们可以更好地帮助您。

【解决方案1】：

目前，当新数据点动态添加到系列中时，我们没有内置的动画支持。但是，我们可以通过对 LineSeries 使用 CustomTemplate 来满足您的要求，并且故事板已在该模板中定义为动画。请找到以下代码示例以供参考，

MainWindow.xaml：

<chart:LineSeries ItemsSource="{Binding Collection}"  
                            XBindingPath="XValue" YBindingPath="YValue" 
                            > 
           <chart:LineSeries.CustomTemplate> 
                <DataTemplate> 
                    <Canvas > 
                        <Line X1="{Binding X1}" Y1="{Binding Y1}" X2="{Binding X2}"   Y2="{Binding Y2}" Loaded="Line_Loaded"  Stroke="{Binding Interior}" Name="line"> 
                            <Line.Resources> 
                                <Storyboard x:Name="story" > 
                                    <DoubleAnimation x:Name="Danimation1" EnableDependentAnimation="True" Storyboard.TargetName="line" Storyboard.TargetProperty="X2" From="{Binding X1}" To="{Binding X2 }" /> 
                                    <DoubleAnimation x:Name="Danimation2" EnableDependentAnimation="True" Storyboard.TargetName="line" Storyboard.TargetProperty="Y2" From="{Binding Y1}" To="{Binding Y2}" /> 
                                </Storyboard> 
                            </Line.Resources> 
                        </Line> 
                    </Canvas> 

                </DataTemplate> 
            </chart:LineSeries.CustomTemplate> 

        </chart:LineSeries>

MainWindow.cs：

private void Line_Loaded(object sender, RoutedEventArgs e) 
{

        var line = sender as Line; 

        Storyboard sb = line.Resources["story"] as Storyboard;            
        sb.Begin();           
}

我们已根据您的要求准备了一个演示样本，可以从以下链接下载，示例：Sample

问候，

杜尔加德维S

【讨论】：