WPF中画蚂蚁线的实现

Posted 2021-02-10 nocanstillbb

这是一个比较偏的功能,看了其他的很多博客都没有介绍,最后看自己试出来了.

先上效果图

        <Path Data="M 100,240 C 510,300 80,100 300,160 H40 v80"
              StrokeDashArray="3 3"
              StrokeDashOffset="1"
              Stroke="Black" 
              StrokeThickness="3"
              StrokeLineJoin="Round"
              StrokeStartLineCap="Flat"
              >
            <Path.Triggers>
                <EventTrigger RoutedEvent="Loaded">
                    <BeginStoryboard>
                        <Storyboard  RepeatBehavior="Forever">
                            <DoubleAnimation Storyboard.TargetProperty="StrokeDashOffset"  From="0" To="6" Duration="0:0:0:0.2"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Path.Triggers>
        </Path>

 

目前还不知道怎么把蚂蚁线中的 图形从 dashed(-) 改成arrow(箭头) 或其他图形. 如果谁有优雅的方法请麻烦分享一下 ^ ^