从WPF Diagram Designer Part 2学习面板、缩略图、框线选择和工具箱

在从WPF Diagram Designer Part 1学习控件模板、移动、改变大小和旋转中介绍了图形设计器的移动、大小和旋转等功能的实现，本篇继续第二部分，学习设计面板、缩略图、框线旋转和工具箱等功能的实现。

WPF Diagram Designer - Part 2

设计面板(Designer Canvas ：variable size, scrollable)

在从WPF Diagram Designer Part 1学习控件模板、移动、改变大小和旋转中的示例出来的设计器，当把设计对象拖动到DesignerCanvas边界外时，因为DesignerCanvas没有滚动条，我们会发现再也找不到这个对象了。想到解决最简单的办法就是给DesignerCanvas添加一个ScrollViewer，但是这个办法解决不了这个问题，因为当拖动到Canvas之外时，并不会出发Canvas的大小发生变化，所以仍旧没有滚动条，为了解决这个问题，我们则必须在设计对象移动和改变大小时去调整Canvas的大小。

WPF控件提供一个MeassureOverride允许控件计算希望的大小，再返回WPF框架来进行布局。我们可以在DesignerCanvas中重载这个方法来解决上面所说的问题，重载方法如下：

代码

protected　override　Size　MeasureOverride(Size　constraint)
{
　　Size　size　=　new　Size();
　　foreach　(UIElement　element　in　base.Children)
　　{
　　　　double　left　=　Canvas.GetLeft(element);
　　　　double　top　=　Canvas.GetTop(element);
　　　　left　=　double.IsNaN(left)　?　0　:　left;
　　　　top　=　double.IsNaN(top)　?　0　:　top;
　　　　//measure　desired　size　for　each　child
　　　　element.Measure(constraint);
　　　　Size　desiredSize　=　element.DesiredSize;
　　　　if　(!double.IsNaN(desiredSize.Width)　&&　!double.IsNaN(desiredSize.Height))
　　　　{
　　　　　　size.Width　=　Math.Max(size.Width,　left　+　desiredSize.Width);
　　　　　　size.Height　=　Math.Max(size.Height,　top　+　desiredSize.Height);
　　　　}
　　}
　　//for　aesthetic　reasons　add　extra　points
　　size.Width　+=　10;
　　size.Height　+=　10;
　　return　size;
}

注：当设计对象很多时，我猜测可能会有性能问题。在ZoomableApplication2: A Million Items介绍了一个可以显示百万级对象的示例，不知道能否解决这个性能问题，先把这个在这里留个足迹，以便以后可以找到