Привязка WPF к точке в сегменте Безье

Question

У меня есть класс viewmodel, который содержит double X и переменную double Y, и я хотел бы связать это с BezierSegment, и, похоже, здесь не работает мой код ...

  public class TestViewModel:ViewModelBase
{
   public TestViewModel()
   {
       TStart = new TPoint {X=20.0,Y=45.0 };
       TEnd = new TPoint { X = 200.0, Y = 450.0 };

   }
    public TPoint TStart { get; set; }
    public TPoint TEnd { get; set; }

}


public class TPoint:ViewModelBase
{

    private double _X;
    public double X
    {
        get { return _X; }
        set
        {
            if (_X != value)
            {
                _X = value;
                RaisePropertyChanged("X");
            }
        }
    }

    private double _Y;
    public double Y
    {
        get { return _Y; }
        set
        {
            if (_Y != value)
            {
                _Y = value;
                RaisePropertyChanged("Y");
            }
        }
    }


}

}

и XAML

 <Window.DataContext>
    <vm:TestViewModel />
</Window.DataContext>
<Grid>
    <Path Stroke="Black" StrokeThickness="3">
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigureCollection>
                        <PathFigure>
                            <PathFigure.Segments>
                                <PathSegmentCollection>
                                    <BezierSegment>
                                        <BezierSegment.Point1>
                                            <Point X="{Binding TStart.X}" Y="{Binding TStart.Y}" />
                                        </BezierSegment.Point1>
                                        <BezierSegment.Point3>
                                            <Point X="{Binding TEnd.X}" Y="{Binding TEnd.Y}" />
                                        </BezierSegment.Point3>
                                    </BezierSegment>
                                </PathSegmentCollection>
                            </PathFigure.Segments>
                        </PathFigure>
                    </PathFigureCollection>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
    </Path>
</Grid>

Я получаю ошибку, что привязка для X и Y может быть определена только для DependencyProperties объекта DependencyObject ....

Я не хочу зависеть от точки класса Windows ... хотя для этого примера это не сработает.

Может кто-нибудь сказать, как я могу связать свои собственные координаты точки с BezierSegemnt Point1Точка2 Точка3?

Answer 1

Вы должны сделать это так:

public class TPoint:ViewModelBase
{

    private double _X;
    public double X
    {
        get { return _X; }
        set
        {
            if (_X != value)
            {
                _X = value;
                RaisePropertyChanged("X");
                RaisePropertyChanged("P");
            }
        }
    }

    private double _Y;
    public double Y
    {
        get { return _Y; }
        set
        {
            if (_Y != value)
            {
                _Y = value;
                RaisePropertyChanged("Y");
                RaisePropertyChanged("P");
            }
        }
    }

    public Point P { get { return new Point(X,Y);}}    
}

и в XAML:

<Window.DataContext>
    <vm:TestViewModel />
</Window.DataContext>
<Grid>
    <Path Stroke="Black" StrokeThickness="3">
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigureCollection>
                        <PathFigure>
                            <PathFigure.Segments>
                                <PathSegmentCollection>
                                    <BezierSegment Point1="{Binding TStart.P}" Point3="{Binding TEnd.P}"/>
                                </PathSegmentCollection>
                            </PathFigure.Segments>
                        </PathFigure>
                    </PathFigureCollection>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
    </Path>
</Grid>

дайте мне знать, если это сработало, я далеко не в среде разработки

Answer 2

1. Оболочка для точки -> класс BindingPoint с реализацией интерфейса INotifyPropertyChanged

   public class BindingPoint : INotifyPropertyChanged
   {
       private Point point;
   
       public BindingPoint(double x, double y)
       {
           point = new Point(x, y);
       }
   
       public double X
       {
           get { return point.X; }
           set
           {
               point.X = value;
               OnPropertyChanged();
               OnPropertyChanged("Point");
           }
       }
   
       public double Y
       {
           get { return point.Y; }
           set
           {
               point.Y = value;
               OnPropertyChanged();
               OnPropertyChanged("Point");
           }
       }
   
       public Point Point
       {
           get { return point; }
       }
   
       public event PropertyChangedEventHandler PropertyChanged;
   
       [NotifyPropertyChangedInvocator]
       protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
       {
           var handler = PropertyChanged;
           if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
       }
   }
   

2. Привязка к сегменту Безье:

   private Path DefineBezierSegment(BindingPoint startPoint, BindingPoint endPoint, BindingPoint startBezierPoint, BindingPoint endBezierPoint)
   {
       BezierSegment spline = new BezierSegment {IsStroked = true};
   
       var b = new Binding("Point")
       {
           Source = startBezierPoint,
           Mode = BindingMode.TwoWay
       };
       BindingOperations.SetBinding(spline, BezierSegment.Point1Property, b);
   
       b = new Binding("Point")
       {
           Source = endBezierPoint,
           Mode = BindingMode.TwoWay
       };
       BindingOperations.SetBinding(spline, BezierSegment.Point2Property, b);
   
       b = new Binding("Point")
       {
           Source = endPoint,
           Mode = BindingMode.TwoWay
       };
       BindingOperations.SetBinding(spline, BezierSegment.Point3Property, b);
   
       var pColl = new PathSegmentCollection {spline};
   
       var pFig = new PathFigure(StartPort.Origin.Point, pColl, false);
   
       b = new Binding("Point")
       {
           Source = startPoint,
           Mode = BindingMode.TwoWay
       };
       BindingOperations.SetBinding(pFig, PathFigure.StartPointProperty, b);
   
       var pfColl = new PathFigureCollection { pFig };
   
       return new Path() {Data = new PathGeometry(pfColl)};
   }