Question

我允许用户从工具箱中拖放一些对象，当然每个object都有一个唯一的ID。一旦使用了对象，假设置于grid或canvas，我需要显示其属性，因此我需要一个对象数组，其中每个对象都可以拥有自己的属性。

你能给我一些建议和方向，告诉我如何实现一个类来处理多个对象，而每个对象可以保留10个属性吗？

Answer 1

最佳解决方案是使用PropertyGrid控件;您的应用程序看起来与Visual Studio类似，您的实现将与此类似。

请查看此SO问题，了解您拥有的PropertyGrid选项 - Is there a Property Dialog control that i can use in my WPF App?

现在，您可以为每个控件定义一个类，并为该控件声明正常的CLR属性;您不希望在PropertyGrid中显示的属性可以标记为BrowsableAttribute，PropertyGrid将尊重它。

如果您想要更多地控制显示的属性，可以创建自己的custom attribute并修改PropertyGrid实现以使用该属性并显示使用此属性标记的属性。

Answer 2

您能否就如何实施课程给我一些建议和指导处理多个对象，而每个对象可以保持，让我们说 10个属性？

您无需实施此类课程。我处理这个问题的方法是为工具箱中的所有对象（例如ToolboxItem）提供一个公共基类，它只公开工具箱中所有项共有的属性和功能。

public abstract class ToolboxItem
{
    public string Name { get; set; }
    public Point Position { get; set; }
}

然后，您可以从此类E.G.派生您的特定项目。 TextToolboxItem和RectangleToolboxItem（或任何你想要的）。然后，派生类只能公开它们所需的属性。

public class TextToolboxItem : ToolboxItem
{
    public string Text { get; set; }
}

public class RectangleToolboxItem : ToolboxItem
{
    public Rect Bounds { get; set; }
}

要存储这些内容，您只需使用通用集合，例如：

ObservableCollection<ToolboxItem> items = new ObservableCollection<ToolboxItems>();

只要项目派生自ToolboxItem，它们都可以保存在单个集合中，并且各个属性都可以绑定到使用WPF的数据绑定功能。

然后，您可以按以下方式创建和公开数据：

public partial class MainWindow : Window
{
    private ObservableCollection<ToolboxItem> items;

    public MainWindow()
    {
        InitializeComponent();
        this.DataContext = this;

        items = new ObservableCollection<ToolboxItem>
        {
            new TextToolboxItem { Name = "primaryText", 
                                  Text = "Hello world", 
                                  Position = new Point(40, 130) },
            new TextToolboxItem { Name = "secondaryText", 
                                  Text = "Hello world (again)", 
                                  Position = new Point(200, 30) },
            new RectangleToolboxItem { Position = new Point(50,300), 
                                       Name = "Rect1", 
                                       Bounds = new Rect(0, 0, 150, 85) },
        };
    }

    public ObservableCollection<ToolboxItem> Items { get { return items; } }
}

要在用户界面中显示此信息，我将执行以下操作：

使用网格将视图拆分为两个部分。第一个是显示所选项目的属性，第二个是显示“设计表面”
使用ContentPresenter显示所选项的属性。
使用ListBox与自定义ItemsPanel和ItemContainerStyle将您的商品“绘制”到设计图面上。
使用DataTemplate告诉WPF如何呈现“属性网格”和“设计图面”中的每个项目（This帖子描述了如何使用不同的DataTemplate不同的对象）。

实现此目的所需的xaml如下所示：

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:this="clr-namespace:WpfApplication1"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="3*" />
        <ColumnDefinition Width="7*" />
    </Grid.ColumnDefinitions>

    <ContentPresenter Content="{Binding ElementName=listBox, Path=SelectedItem}"
                      Margin="5">
        <ContentPresenter.Resources>
            <DataTemplate DataType="{x:Type this:TextToolboxItem}">
                <StackPanel>
                    <TextBlock Text="{Binding Name}"/>
                    <TextBlock Text="{Binding Position}"/>
                    <TextBlock Text="{Binding Text}"/>
                </StackPanel>
            </DataTemplate>
            <DataTemplate DataType="{x:Type this:RectangleToolboxItem}">
                <StackPanel>
                    <TextBlock Text="{Binding Name}"/>
                    <TextBlock Text="{Binding Position}"/>
                    <TextBlock Text="{Binding Bounds}"/>
                </StackPanel>
            </DataTemplate>
        </ContentPresenter.Resources>
    </ContentPresenter>

    <ListBox x:Name="listBox" Grid.Column="1"
             Margin="5" ItemsSource="{Binding Items}">
        <ListBox.Resources>
            <DataTemplate DataType="{x:Type this:TextToolboxItem}">
                <TextBox Text="{Binding Text}"
                         Margin="10"/>
            </DataTemplate>
            <DataTemplate DataType="{x:Type this:RectangleToolboxItem}">
                <Rectangle Width="{Binding Bounds.Width}"
                           Height="{Binding Bounds.Height}"
                           Stroke="DarkRed" Fill="Pink"/>
            </DataTemplate>
        </ListBox.Resources>

        <ListBox.ItemContainerStyle>
            <Style>
                <Setter Property="Canvas.Left" Value="{Binding Position.X}"/>
                <Setter Property="Canvas.Top" Value="{Binding Position.Y}"/>
            </Style>
        </ListBox.ItemContainerStyle>

        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <Canvas />
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
    </ListBox>

</Grid>

最终结果如下：

enter image description here

请注意，所选项目的属性显示在窗口的左侧部分。

现在这个解决方案目前非常粗糙，但确实展示了你进一步发展的起点。改进的想法包括：

将代码重新分解为viewModel，使其符合MVVM。
处理“设计图面”上项目的拖放。
更改属性网格的“ContentPresenter”，为显示和编辑所选对象的属性提供更丰富的支持。

在C＃/ WPF中存储对象的属性

2 个答案: