WPF：为自定义 UIElement 数据绑定 PointCollection

Question

我正在尝试制作一个 WPF UIElement 来执行一些特殊的渲染。

问题是我无法让数据绑定适用于 PointCollection。在 GraphElement 的 OnRender() 内部，Points 属性为 null，这对我来说没有任何意义。

class GraphElement : UIElement
{
    public static readonly DependencyProperty PointsProperty = DependencyProperty.Register(
        "Points",
        typeof(PointCollection),
        typeof(GraphElement),
        new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.AffectsRender));            

    public PointCollection Points
    {
        get { return (PointCollection)GetValue(PointsProperty); }
        set { SetValue(PointsProperty, value); }
    }

    protected override void OnRender(DrawingContext drawingContext)
    {
        base.OnRender(drawingContext);

        //Points is null
        Debug.Assert(Points != null);
    }

}

---

class TestViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    private PointCollection _viewModelPoints;
    public PointCollection ViewModelPoints
    {
        get { return _viewModelPoints; }
        set
        {
            _viewModelPoints = value;
            if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs("ViewModelPoints"));
        }
    }
}

---

<Window x:Class="TestApp.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:TestApp"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <Canvas>
        <local:GraphElement Points="{Binding Path=ViewModelPoints}"/>
    </Canvas>
</Grid>

---

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
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 TestApp
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            var testViewModel = new TestViewModel();
            testViewModel.ViewModelPoints = new PointCollection();
            testViewModel.ViewModelPoints.Add(new Point(0.0, 0.0));
            DataContext = testViewModel;
            InitializeComponent();
        }
    }
}

Answer 1

将 GraphElement 的继承从 UIElement 更改为 FrameworkElement（后者又继承 UIElement）。这是您拥有 DataContext dp 等的位置。

class GraphElement : FrameworkElement
{
    //...
}

将代码复制到示例项目中（将 UIElement 更改为 FrameworkElement），并且 OnRender 中的 Points 不为空。在此处上传了项目。