c# - WPF：在用户绘制的控件中显示二维数组的正确方法是什么

Question

我想制作一个用户绘制的控件，其唯一目的是显示一个 Color[,] 数组。控件本身应该绘制一个由相应颜色的矩形组成的 NxM 网格。

我正在尝试从 FrameworkElement 继承并覆盖 OnRender 方法：

public class CustomControl1 : FrameworkElement
{
    static CustomControl1()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(CustomControl1), new FrameworkPropertyMetadata(typeof(CustomControl1)));
    }

    public Color[,] ColorCollection
    {
        get { return (Color[,])GetValue(ColorGridProperty); }
        set { SetValue(ColorGridProperty, value); }
    }

    public static readonly DependencyProperty ColorGridProperty =
        DependencyProperty.Register("ColorCollection", typeof(Color[,]), typeof(CustomControl1), 
        new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.AffectsRender));

    protected override void OnRender(DrawingContext drawingContext)
    {
        if (ColorCollection != null)
        {
            int dimx = this.ColorCollection.GetLength(0);
            int dimy = this.ColorCollection.GetLength(1);

            double w = this.ActualWidth / dimx;
            double h = this.ActualWidth / dimy;

            for (int x = 0; x < dimx; x++)
            {
                for (int y = 0; y < dimy; y++)
                {
                    SolidColorBrush brush = new SolidColorBrush(ColorCollection[x, y]);
                    drawingContext.DrawRectangle(brush, null, new Rect(x * w, 0, w, this.ActualHeight));
                }
            }
        }
    }
}

问题是当我更改底层数组中的元素时，我的控件不会重绘自身。当我分配一个全新的数组或调整控件大小时，它工作正常。

显然，我需要另一个类，它以某种方式通知控件关于集合中的内部更改。我正在查看 INotifyCollectionChange 和 ObservableCollection 但我发现的唯一文章是关于将集合绑定到现有控件，而不是自定义用户绘制的。所以我很困惑并停留在这一点上。

Answer 1

您可能可以为自己创建一个自定义集合，其工作方式类似于您的 2D 数组，但您还需要实现 INotifyCollectionChange 接口，这并不难实现。这样，WPF 将侦听您的集合更改并在必要时更新控件。

Answer 2

我认为样本可能有用。