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

Question

我有这样的代码:

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

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

有没有人有什么想法？

Answer 1

“我真正想要的是一点一点地显示路径”

你的意思是这样的吗？

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

显然移除一次性动画的 RepeatBehavior，并修改值以获得您想要的。干杯。