Question

我正在尝试绑定WPF路径对象上的Data字段。我尝试了两种不同的方法，但两种方法都没有触发更新的绘图。

计划1：

<Path Data="{Binding SegmentPoints, Converter={StaticResource PointsToBezier}}" ... />

SegmentPoints是ObservableCollection<Point>。转换器返回一个新的StreamGeometry对象。我期望如果我替换了集合中的一个点，那么事情就会重新绘制。这不起作用。如果我为SegmentPoints触发PropertyChanged事件，它会重绘。

计划2：

<Path ...><Path.Data><PathGeometry Figures="{Binding Figures}" .../>...

然后，在视图模型中，我更新了BezierSegment.Point3之类的内容。因为各种段类型的Point属性是DependencyProperties，所以我认为我可以更新然后它们会触发并更改树。显然情况并非如此。

所以我的问题：有没有办法手动触发Path对象的更新？（如果是这样，我可能会使用NotifyOnTargetUpdated。）是否有某种方法来配置系统，以便段上的点更改将触发重绘？

Answer 1

第一种方法中的绑定仅在SegmentPoint属性更改时更新，即分配给新集合。因此它不需要是ObservableCollection。只需创建一个新集合并举起PropertyChanged事件。

public class ViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    private ICollection<Point> segmentPoints;

    public ICollection<Point> SegmentPoints
    {
        get { return segmentPoints; }
        set
        {
            segmentPoints = value;

            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs("SegmentPoints"));
            }
        }
    }
}

但是，在第二种方法中，技巧不是绑定PathGeometry的Figure属性，而是直接在XAML或代码中分配PathFigureCollection。

<Canvas Background="Transparent" MouseMove="Canvas_MouseMove">
    <Path Stroke="Blue" StrokeThickness="3">
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigureCollection x:Name="figures"/>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
    </Path>
</Canvas>

在代码中添加细分并修改其属性：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        var segment = new BezierSegment(new Point(100, 0), new Point(200, 300), new Point(300, 100), true);
        var figure = new PathFigure();
        figure.Segments.Add(segment);
        figures.Add(figure);
    }

    private void Canvas_MouseMove(object sender, MouseEventArgs e)
    {
        var firstSegment = figures[0].Segments[0] as BezierSegment;
        firstSegment.Point2 = e.GetPosition(sender as IInputElement);
    }
}

您也可以在代码中创建Figures属性，如下所示。 MainWindow类定义Figures属性，该属性分配给PathGeometry的Figures属性。

<Canvas Background="Transparent" MouseMove="Canvas_MouseMove">
    <Path Stroke="Blue" StrokeThickness="3">
        <Path.Data>
            <PathGeometry x:Name="geometry"/>
        </Path.Data>
    </Path>
</Canvas>

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        var segment = new BezierSegment(new Point(100, 0), new Point(200, 300), new Point(300, 100), true);
        var figure = new PathFigure();
        figure.Segments.Add(segment);

        Figures = new PathFigureCollection();
        Figures.Add(figure);

        geometry.Figures = Figures;
    }

    public PathFigureCollection Figures { get; set; }

    private void Canvas_MouseMove(object sender, MouseEventArgs e)
    {
        var firstSegment = Figures[0].Segments[0] as BezierSegment;
        firstSegment.Point2 = e.GetPosition(sender as IInputElement);
    }
}

显然，绑定Figures属性时，路径图的更新将不起作用。以下绑定会分配一次数字，但稍后的更改不会反映在路径中。

// replace
// geometry.Figures = Figures;
// by
BindingOperations.SetBinding(geometry, PathGeometry.FiguresProperty,
    new Binding
    {
        Path = new PropertyPath("Figures"),
        Source = this
    });

WPF路径形状数据绑定：她不更新

1 个答案: