自定义 WPF 控件

Question

我正在 WPF 4.0 中创建一个自定义控件，如下图所示。它基本上由“泳道”组成。每个 ItemsControl 都具有可拖放的元素，并具有项目的视觉呈现，位于除行标题之外的每个元素的同一行中。有固定数量的列和可变数量的行。

我正在考虑解决此问题的两种不同方法：

1. 使用 DataGrid 并对其进行大量修改，以便它将支持这种行为。

2. 创建具有动态行数的网格，并将每个项目实现为 5 个控件组（每列一个）。

注意事项： 使用 MVVM，整个事物应该能够绑定到一个列表。

在这种情况下最合理的做法是什么？

有什么不清楚的地方请评论！

Answer 1

因此，听起来您应该构建几个“控件”，以使这个更大的复合控件更易于管理。

您所拥有的大部分复杂行为是在给定行内的项目控件之间强制执行拖放（实际上，复杂的部分是限制其他行中的项目控件的拖放）

因此首先我将构建一个 ItemsControlGroup 控件。类似于无线电组，其中每个控件都是相似组的一部分。您也许只需使用组名称的附加属性即可完成此操作。这将为您提供一种方法来确定目标是否是所拖动的给定项目的有效放置位置。

构建所有这些应该与构建您所追求的“泳道”布局不同。

一旦您让项目控制拖放工作，您就可以通过几种不同的方式构建布局。

正如 Zebi 指出的那样，此时使用 DataGrid 实际上可能并不太难。

您还可以使用一组嵌套的堆栈面板或某种网格布局。布局将是最简单的部分。

Answer 2

如果您想使用 wpf 数据网格，那么如果您使用 TemplateColumn 作为第 2-5 列，那么实现您想要的布局并不难：

<dg:DataGridTemplateColumn Header="....">
    <dg:DataGridTemplateColumn.CellEditingTemplate>
        <DataTemplate>
            <!-- your custom control -->
        </DataTemplate>
    </dg:DataGridTemplateColumn.CellEditingTemplate>
    <dg:DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <!-- ... -->
        </DataTemplate>
    </dg:DataGridTemplateColumn.CellTemplate>
</dg:DataGridTemplateColumn>

网格的项目源可以是简单的 List/ObservableCollection。

但是，您仍然需要自己实现拖放机制。