WPF中画蚂蚁线的实现

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

先上效果图

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