如何根据控件的大小排列控件？ （不从 Panel 继承）

Question

范围

我正在尝试让我的应用程序排列一些复杂控件的行并将这些行拆分为页面。像这样的东西： alt text http://apreleva.com/vm/controls-in-pages.png

就像文字处理器一样，只是有复杂的控件而不是文字。请注意，拆分为页面的要求是必不可少的。

还要注意，从 Panel 继承并实现 MeasureOverride/ArrangeOverride 的明显解决方案是行不通的，因为我非常希望将页面作为单独的框架元素 - 这样，我就可以用它们，比如拖动它们，旋转等。我正在考虑这个解决方案（从 Panel 继承）作为最后的手段，但我相信应该有更好的方法。

采用的策略

如果我知道这些控件的大小，这似乎相对简单。我对页面使用垂直方向的堆栈面板，对线条使用水平方向的堆栈面板。我将控件逐行打包，直到它们超过行的宽度，然后为下一行创建堆栈面板并继续。当下一行不适合当前页面时，我创建下一个页面，然后继续处理。

我希望一次有数百个控件的顺序，所以我认为这种方法应该可以。

问题

问题正是我对 WinForms 的期望：我不知道这些控件的大小！事实证明，如果控件没有显式设置 Width 和 Height，则在创建后它的 DesiredSize 将为零。

这个问题可以通过调用.Measure(Size.Empty)来解决。之后，DesiredSize 的计算（在某种程度上）正确。

我说“有点”——因为不幸的是，它仍然不完全正确。我发现的最新问题是与相对源的绑定。考虑以下 XAML：

<ItemsControl x:Class="MyClass" xmlns=...>
    <ItemsControl.ItemTemplate>
        <Ellipse Width={DataBinding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type MyClass}}, Path=EllipseWidth} />
    </ItemsContro.ItemTemplate>
</ItemsControl> 

其中“EllipseWidth”是 MyClass 上的一个属性，它是我的自定义 ItemsControl 后代。

结果是，对 Measure() 的调用会导致 ItemsControl 创建其项目，但绑定没有得到解决。查看跟踪：

52 : Created BindingExpression (hash=15030582) for Binding (hash=15006601)
54 :   Path: 'EllipseWidth'
56 : BindingExpression (hash=15030582): Default mode resolved to OneWay
57 : BindingExpression (hash=15030582): Default update trigger resolved to PropertyChanged
58 : BindingExpression (hash=15030582): Attach to Ellipse.Width (hash=12274123)
62 : BindingExpression (hash=15030582): RelativeSource (FindAncestor) requires tree context
61 : BindingExpression (hash=15030582): Resolve source deferred

特别注意最后两行。什么是“树上下文”，我如何提供它？在调用 Measure() 之前，我尝试将控件添加到“实时”面板，但没有太大帮助。

我必须说，根据跟踪，源最终会得到解决，但为时已晚：我现在需要知道控件大小。

概括问题

即使我解决了这个绑定问题，我也不能确定不会有其他问题。所以最终的问题是：我需要一种“干净”（如“支持”）的方式来了解控件的初始化何时完全完成，以及找到该控件的大小

或者（另一种选择）也许我采用了错误的方法，并且还有另一种更清洁的方法来做我想做的事情？

Answer 1

我认为您无法仅使用控件组合来完成您想要的事情。我认为您肯定需要参与 Measure/Arrange 并提供您自己的算法。您不必从 Panel 继承来执行此操作，但它通常是最有意义的。至于页面，您的自定义面板可以为每个逻辑分组发出支持。最后，您可以使用构成逻辑分组的尺寸来配置您的自定义面板，以便您可以支持不同的尺寸（想象一下支持 Letter 与 A4 或类似的东西）。

所以最后我认为你应该得到的是：

1. 自定义Panel 实现，支持根据通过各种属性配置的维度进行布局和确定逻辑分组。
2. 公开一个名为 ItemGroupTemplate 之类的属性，当您生成逻辑分组时，您可以使用该属性呈现为逻辑分组的“背景”，从而有效地创建它们所在的“页面”。
3. 将您的实际项目数据绑定到ItemsControl
4. 将您的自定义Panel 设置为ItemControl::ItemsPanel

最后，请记住，如果您要布局这么多项目，您可能会希望在面板中使用虚拟化算法。这意味着您应该从 VirtualizingPanel 继承。有关创建自定义 VirtualizingPanel 的更多信息，check out Dan Crevier's awesome series on the subject。