虚线流动完成

AIStudio.Wpf.DiagramDesigner/UserControls/LineControl.xaml

@@ -0,0 +1,37 @@
+<UserControl x:Class="AIStudio.Wpf.DiagramDesigner.LineControl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:s="clr-namespace:AIStudio.Wpf.DiagramDesigner"         
+             mc:Ignorable="d" 
+             d:DesignHeight="450" d:DesignWidth="800">
+    <UserControl.Resources>
+        <s:ColorBrushConverter x:Key="ColorBrushConverter" />
+        <s:LineDashConverter x:Key="LineDashConverter"/>
+    </UserControl.Resources>
+    <Grid>
+        <Canvas x:Name="rootCanvas">
+            <Path x:Name="line" Stroke="{Binding ColorViewModel.LineColor,Converter={StaticResource ColorBrushConverter}}"
+                                                  StrokeThickness="{Binding ColorViewModel.LineWidth}"  
+                                                  StrokeDashArray="{Binding ColorViewModel.LineDashStyle,Converter={StaticResource LineDashConverter}}">
+                <Path.Data>
+                    <MultiBinding Converter="{x:Static s:ConnectionPathConverter.Instance}">
+                        <Binding Path="PathGeneratorResult"/>
+                    </MultiBinding>
+                </Path.Data>
+            </Path>
+
+            <!--<Path x:Name="ball" Width="5" Height="5" Stretch="Fill" Fill="#eee">
+                <Path.Data>
+                    <EllipseGeometry Center="100,100"
+                                RadiusX="100"
+                                RadiusY="100">
+                    </EllipseGeometry>
+                </Path.Data>
+            </Path>-->
+
+            <Ellipse  x:Name="ball" Fill="Red" Width="5" Height="5" Panel.ZIndex="1" />
+        </Canvas>
+    </Grid>
+</UserControl>