一个可拖拽的多点线段(usercontrol)

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

一个可拖拽的多点线段(usercontrol)

上一篇:select 框条件化初始数据并能筛选


下一篇:换行回车