更改 Canvas 内控件的位置后，滚动条不可见

Question

我创建了一个继承自 WPF Canvas 的自定义画布控件。我在主窗口中这样使用它-

<ScrollViewer
    HorizontalScrollBarVisibility="Auto"
    VerticalScrollBarVisibility="Auto">
    <RTD:RTDesignerCanvas
        Margin="5"
        Background="White"
        x:Name="canvas1"
        Focusable="True"
        AllowDrop="True">
    </RTD:RTDesignerCanvas>
</ScrollViewer>

一切正常，但是当我尝试像这样设置控件的位置时

Canvas.SetTop(item, 200);

滚动条不可见，控件隐藏在某处。有趣的是，如果我向它添加另一个控件，滚动条是可见的，我可以向下滚动以查看上一个控件。

我尝试使用

base.InvalidateVisual();
base.UpdateLayout();
base.InvalidateArrange();

更改项目后Top 或Left 但没有任何反应；是我遗漏了什么还是由于某些错误而发生这种情况？

更新：

澄清一下，假设我有一个画布，其 width、height 为 100、100。现在，如果我使用 Canvas.SetLeft(myControl, 200) 移动一个控件（已添加到画布中），那么它将移动到一个位置默认情况下不可见，滚动条也被禁用，因此无法查看该控件。

现在如果我向 Canvas 添加另一个控件，滚动条会正确显示，并且我可以通过滚动看到上一个控件。

Answer 1

您是否在自定义 Canvas 中覆盖了 MeasureOverride？ Canvas 将始终报告 (0, 0) 的 DesiredSize，因此 ScrollViewer 永远不会认为它需要滚动。

请参阅this StackOverflow answer，它建议使用 Grid 而不是 Canvas 并使用 Margin 属性进行定位。 Grid 将根据其子项的大小和位置报告其大小，因此 ScrollViewer 将知道它需要滚动。

更新：

ScrollViewer 会根据它的要求给它的孩子询问多大的尺寸，并且只有当孩子比 ScrollViewer 大时才需要滚动。为了让它正确滚动，您需要报告一个足够大以包含所有子控件的 DesiredSize。您可以通过像这样覆盖 MeasureOverride 来做到这一点：

protected override Size MeasureOverride(Size constraint)
{
    base.MeasureOverride(constraint);
    var desiredSize = new Size();
    foreach (UIElement child in Children)
    {
        desiredSize = new Size(
            Math.Max(desiredSize.Width, GetLeft(child) + child.DesiredSize.Width),
            Math.Max(desiredSize.Height, GetTop(child) + child.DesiredSize.Height));
    }
    return desiredSize;
}

然而，一个更简单的解决方案是利用 Grid 类已经像这样进行测量的事实。您可以使用子元素的 Margin 属性来准确定位它们，而不是使用 Canvas.Left 和 Canvas.Top 属性。如果你目前正在做

Canvas.SetLeft(item, 100);
Canvas.SetTop(item, 200);

对于 Canvas 中的项目，您可以改为这样做

item.Margin = new Thickness(100, 200, 0, 0);

将其放置在单格网格内的相同位置。

Answer 2

Quartermeister's answer 帮助我解决了这个问题。

我必须在每次操作后显式使用 base.InvalidateMeasure() 来刷新画布并使滚动条可见。

Answer 3

阿克乔希，

它必须是一个错误。下次画布隐藏在某个地方时，在其上运行Snoop，并检查它的位置。确保检查以下画布属性：ActualWidth、ActualHeight、Opacity、Visibility