c# - 如何根据控件的大小排列控件？ (不继承面板)

Question

范围

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

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

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

采用的策略

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

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

问题

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

这个问题可以通过调用 .Measure( Size.Empty ) 来解决。之后，DesiredSize 计算(有点)正确。

我说“有点”——不幸的是，它仍然不完全正确。我发现的最新问题是与相对源的绑定(bind)。考虑以下 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 创建其项目，但绑定(bind)不会得到解析。查看跟踪:

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() 之前将控件添加到“实时”面板，但没有太大帮助。

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

概括问题

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

或者(另一种选择)也许我采用了错误的方法，还有另一种更简洁的方法来完成我想做的事情？

Answer 1

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

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

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

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