是否可以为path.Data设置动画

时间:2016-04-13 12:07:54

标签: c# wpf xaml

我的代码是这样的:

<Path x:Name="arrow" StrokeThickness="3" Stroke="Black"  Data="M34,115 C45,106 91,119 105,112 119,105 172,75.004352 188,82.003591" />

我想要的是为路径的Data属性设置动画。我从最近两天搜索这个没有找到解决方案。 我真正想要的是一点一点地显示路径。

有没有人有任何想法?

1 个答案:

答案 0 :(得分:7)

&#34;我真正想要的是一点一点地显示路径&#34;

你的意思是这样吗?

<Grid VerticalAlignment="Center" HorizontalAlignment="Center" >
    <Grid.Resources>
        <Storyboard x:Key="CWTrace">
            <!-- To run opposite direction, just swap the 'From' and 'To' values. -->
            <DoubleAnimation BeginTime="00:00:0.5" RepeatBehavior="Forever"
                         Storyboard.TargetName="arrow" 
                         Storyboard.TargetProperty="StrokeDashOffset" 
                         Duration="0:0:5" From="100" To="0"/>
        </Storyboard>
    </Grid.Resources>
    <Grid.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource CWTrace}"/>
        </EventTrigger>
    </Grid.Triggers>
    <Path x:Name="arrow" 
          StrokeDashOffset="0" StrokeDashArray="100"
          StrokeThickness="3" Stroke="Black"  
          Data="M34,115 C45,106 91,119 105,112 119,105 172,75.004352 188,82.003591"/>
</Grid>

enter image description here

显然会删除RepeatBehavior一次动画,并修改值以获得您之后的确切内容。欢呼声。