、
<UserControl x:Class="GmapUserControls.DragLine"
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:local="clr-namespace:GmapUserControls"
mc:Ignorable="d"
Focusable="True"
d:DesignHeight="450" d:DesignWidth="800" Loaded="UserControl_Loaded" >
<Canvas x:Name="canvas2">
<Canvas.Resources>
<ControlTemplate TargetType="Thumb" x:Key="markerTemplate">
<Ellipse Fill="{TemplateBinding Background}"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"/>
</ControlTemplate>
<Style TargetType="Thumb" x:Key="markerStyle">
<Setter Property="Width" Value="10"/>
<Setter Property="Height" Value="10" />
<Setter Property="Visibility" Value="Hidden"/>
<Setter Property="RenderTransform">
<Setter.Value>
<TranslateTransform X="-5" Y="-5" />
</Setter.Value>
</Setter>
<Setter Property="Cursor" Value="Hand"/>
<Setter Property="Template" Value="{StaticResource markerTemplate}" />
<EventSetter Event="DragDelta" Handler="Thumb_DragDelta"/>
<Style.Triggers>
<DataTrigger Binding="{Binding Path=.}" Value="{x:Null}">
<Setter Property="Visibility" Value="Hidden" />
</DataTrigger>
</Style.Triggers>
</Style>
<Style TargetType="{x:Type Line}">
<Setter Property="Cursor" Value="Cross"/>
<EventSetter Event="MouseLeftButtonDown" Handler="Line_MouseLeftButtonDown" />
<EventSetter Event="MouseRightButtonDown" Handler="Line_MouseRightButtonDown"/>
</Style>
</Canvas.Resources>
<Thumb x:Name="marker1" DataContext="{x:Null}"
Canvas.Left="{Binding Path=X1,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
Canvas.Top="{Binding Path=Y1,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
Background="Red"
Style="{StaticResource markerStyle}" />
<Thumb x:Name="marker2"
DataContext="{x:Null}"
Canvas.Left="{Binding Path=X2,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
Canvas.Top="{Binding Path=Y2,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
Background="Red"
Style="{StaticResource markerStyle}" />
</Canvas>
</UserControl>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace GmapUserControls
{
/// <summary>
/// DragLine.xaml 的交互逻辑
/// </summary>
public partial class DragLine : UserControl
{
private List<Point> _points;
public List<Point> DragPoints
{
get { return _points; }
set { _points = value; }
}
private List<Line> _lines;
public List<Line> DragLines
{
get { return _lines; }
}
//Line line;
public DragLine()
{
InitializeComponent();
_lines = new List<Line>();
}
private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
Line line;
for (int i = 0; i < _points.Count - 1; i++)
{
Ellipse ellipse1 = new Ellipse() { Width = 5, Height = 5, Fill = Brushes.Red, RenderTransform = new TranslateTransform(-2.5, -2.5) };
Ellipse ellipse2 = new Ellipse() { Width = 5, Height = 5, Fill = Brushes.Red, RenderTransform = new TranslateTransform(-2.5, -2.5) };
line = new Line() { StrokeThickness = 1, Stroke = Brushes.Red };
line.X1 = _points[i].X;
line.Y1 = _points[i].Y;
line.X2 = _points[i + 1].X;
line.Y2 = _points[i + 1].Y;
ellipse1.SetBinding(Canvas.LeftProperty, new Binding("X1") { Source = line, Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
ellipse1.SetBinding(Canvas.TopProperty, new Binding("Y1") { Source = line, Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
ellipse2.SetBinding(Canvas.LeftProperty, new Binding("X2") { Source = line, Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
ellipse2.SetBinding(Canvas.TopProperty, new Binding("Y2") { Source = line, Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
var canvas = this.canvas2;
canvas.Children.Insert(i, line);
canvas.Children.Add(ellipse1);
canvas.Children.Add(ellipse2);
this.marker1.DataContext = line;
this.marker2.DataContext = line;
_lines.Add(line);
for (int t = 0; t < _lines.Count - 1; t++)
{
_lines[t].SetBinding(Line.X2Property, new Binding("X1") { Source = _lines[t + 1], Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
_lines[t].SetBinding(Line.Y2Property, new Binding("Y1") { Source = _lines[t + 1], Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
}
}
}
private void Thumb_DragDelta(object sender, System.Windows.Controls.Primitives.DragDeltaEventArgs e)
{
var thumb = (System.Windows.Controls.Primitives.Thumb)sender;
Canvas.SetLeft(thumb, Canvas.GetLeft(thumb) + e.HorizontalChange);
Canvas.SetTop(thumb, Canvas.GetTop(thumb) + e.VerticalChange);
}
private void Line_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
marker1.Visibility = Visibility.Visible;
marker2.Visibility = Visibility.Visible;
Line line = (Line)sender;
int q = canvas2.Children.IndexOf(line);
this.marker1.DataContext = line;
this.marker2.DataContext = line;
var p = e.GetPosition((Canvas)line.Parent);
var p1 = new Point(line.X1, line.Y1);
var p2 = new Point(line.X2, line.Y2);
if ((Keyboard.Modifiers & ModifierKeys.Control) == ModifierKeys.Control)
{
Line newline = new Line();
newline.Stroke = line.Stroke;
newline.StrokeThickness = line.StrokeThickness;
System.Windows.Controls.Primitives.Thumb thumb = null;
string num = "";
if ((p1 - p).Length < 20)
{
newline.X2 = p1.X;
newline.Y2 = p1.Y;
num = "1";
}
else if ((p2 - p).Length < 20)
{
newline.X2 = p2.X;
newline.Y2 = p2.Y;
num = "2";
}
else
{
return;
}
newline.SetBinding(Line.X1Property, new Binding("X" + num) { Source = line, Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
newline.SetBinding(Line.Y1Property, new Binding("Y" + num) { Source = line, Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
var canvas = (Canvas)line.Parent;
int index = canvas.Children.IndexOf(marker1);
canvas.Children.Insert(index, newline);
Ellipse ellipse1 = new Ellipse() { Width = 5, Height = 5, Fill = Brushes.Red, RenderTransform = new TranslateTransform() { X = -2, Y = -2 } };
Ellipse ellipse2 = new Ellipse() { Width = 5, Height = 5, Fill = Brushes.Red, RenderTransform = new TranslateTransform() { X = -2, Y = -2 } };
ellipse1.SetBinding(Canvas.LeftProperty, new Binding("X1") { Source = newline, Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
ellipse1.SetBinding(Canvas.TopProperty, new Binding("Y1") { Source = newline, Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
ellipse2.SetBinding(Canvas.LeftProperty, new Binding("X2") { Source = newline, Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
ellipse2.SetBinding(Canvas.TopProperty, new Binding("Y2") { Source = newline, Mode = BindingMode.TwoWay, UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });
canvas.Children.Add(ellipse1);
canvas.Children.Add(ellipse2);
_lines.Add(newline);
this.marker1.DataContext = newline;
this.marker2.DataContext = newline;
Dispatcher.BeginInvoke(new Action(() => { marker2.RaiseEvent(e); }), System.Windows.Threading.DispatcherPriority.Render);
}
}
private void Line_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
marker1.Visibility = Visibility.Hidden;
marker2.Visibility = Visibility.Hidden;
}
}
}
后台wpf调用：
dragLine = new DragLine();
dragLine.DragPoints= new List<Point>()
{
new Point(400,10),
new Point(90,180),
new Point (100,130),
new Point (170,200),
new Point(300,80),
new Point (150,300)
};
this.grid1.Children.Add(dragLine);