用户控件，将 ObservableCollection 作为依赖项属性

本文关键字：依赖 属性 ObservableCollection 控件 用户 | 更新日期: 2023-09-27 18:35:34

我想创建我自己的UserControl（我们称之为"RectAtCoordinates"），它的工作方式与Canvas类似，但它应该：

- 存储 （x，y） 整数坐标的集合

- 在画布上为每个 （x，y） 对绘制矩形（具有任意选择的大小和填充）。（x，y） 指定矩形的位置。

首先，我创建了简单的坐标类：

class Coordinates : DependencyObject
    {
        public static readonly DependencyProperty XProperty =
            DependencyProperty.Register("X", typeof(int), typeof(Coordinates));
        public static readonly DependencyProperty YProperty =
            DependencyProperty.Register("Y", typeof(int), typeof(Coordinates));
        public int X
        {
            get { return (int)GetValue(XProperty); }
            set { SetValue(XProperty, value); }
        }
        public int Y
        {
            get { return (int)GetValue(YProperty); }
            set { SetValue(YProperty, value); }
        }
        public Coordinates(int x, int y)
        {
            this.X = x;
            this.Y = y;
        }
    }

这是我的 RectAtT坐标用户控件 （.xaml）：

<UserControl x:Class="RectAtPoint.RectAtCoordinates"
             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" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <ItemsControl ItemsSource="{Binding Path=Coos, Mode=OneWay}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <Canvas Width="300" Height="300" Background="White"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Rectangle Fill="Black" Width="50" Height="50"/>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
        <ItemsControl.ItemContainerStyle>
            <Style>
                <Setter Property="Canvas.Left" Value="{Binding Path=X}" />
                <Setter Property="Canvas.Top" Value="{Binding Path=Y}" />
            </Style>
        </ItemsControl.ItemContainerStyle>
    </ItemsControl>
</UserControl>

最后是 RectAtT坐标背后的代码：

public partial class RectAtCoordinates : UserControl
    {
        public static readonly DependencyProperty CoosProperty =
            DependencyProperty.Register("Coos", typeof(Coordinates), typeof(RectAtCoordinates));
        private ObservableCollection<Coordinates> Coos
        {
            get { return (ObservableCollection<Coordinates>)GetValue(CoosProperty); }
            set { SetValue(CoosProperty, value); }
        }
        public RectAtCoordinates()
        {
            InitializeComponent();
            Coos = new ObservableCollection<Coordinates>();
        }
        public void AddRectangleAtPosition(int x, int y)
        {
            Coos.Add(new Coordinates(x, y));
        }
    }

但是，在构建我的项目后，它崩溃了。我遇到 CLR20r3 问题。经过进一步检查，我将 RectAtT坐标构造函数更改为：

public RectAtCoordinates()
        {
            InitializeComponent();
            try
            {
                Coos = new ObservableCollection<Coordinates>();
            }
            catch (Exception e)
            {
                MessageBox.Show(e.ToString());
            }
        }

并得到此错误：

System.ArgumentException： 'System.Collections.ObjectModel.ObservableCollection'1[RectAtPoint.Coordinates]' 不是属性"Coos"的有效值。

在 System.Windows.DependencyObject.SetValueCommon（DependencyProperty dp， 对象值、属性元数据元数据、布尔值 coerceWithDeferredReference， Boolean coerceWithCurrentValue， 操作类型 操作类型，布尔值是内部）

at System.Windows.DependencyObject.SetValue（DependencyProperty dp， 对象值）

at RectAtPoint.RectAtCoordinates.set_Coos（ObservableCollection'1 值） 在 c：...''RectAtCoordinates.xaml.cs：line 28

at RectAtPoint.RectAtCoordinates..ctor（） in c：...''RectAtCoordinates.xaml.cs：line 36

我是考虑WPF，绑定和依赖项属性的新手，所以请考虑我可能会犯一些基本错误。我发现了许多类似的问题，但我无法完全理解解决方案，因此无法正确应用它们。

用户控件，将 ObservableCollection 作为依赖项属性

我认为你的问题就在这里：

 public static readonly DependencyProperty CoosProperty =
            DependencyProperty.Register("Coos", typeof(Coordinates), typeof(RectAtCoordinates));

应该是：

 public static readonly DependencyProperty CoosProperty =
            DependencyProperty.Register("Coos", typeof(ObservableCollection<Coordinates>), typeof(RectAtCoordinates));

试一试:)

=== 编辑 === 对于坐标。

我认为你可以做这样的事情：

      public void AddRectangleAtPosition(int x, int y)
            {
                Coos.Add(new Coordinates(x, y));
if (PropertyChanged != null)
                        {
                            PropertyChanged(this, new PropertyChangedEventArgs("Coos"));
                        }
            }

那么你的班级应该有：

public partial class RectAtCoordinates : UserControl, INotifyPropertyChanged

之后，您可以拥有一个区域，就像我通常为NotifyPropertyChanged所做的那样：

#region notifypropertychanged region
public event PropertyChangedEventHandler PropertyChanged;
protected virtual void OnPropertyChanged(string propertyName)
{
    PropertyChangedEventHandler handler = PropertyChanged;
    if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
}
protected bool SetField<T>(ref T field, T value, string propertyName)
{
    if (EqualityComparer<T>.Default.Equals(field, value)) return false;
    field = value;
    OnPropertyChanged(propertyName);
    return true;
}
#endregion

}

试一试:)

我终于找到了一个解决方案：数据上下文设置不正确。我不得不添加

this.DataContext = this;

到用户控件的构造函数或添加：

DataContext="{Binding RelativeSource={RelativeSource Self}}"

到用户控件的 xaml 定义。

相关文章：