放大或缩小时如何在 ScrollViewer 中保持画布区域居中，并且并非所有内容都可以显示在查看窗口中

Question

大家，

我有一个 WPF 应用程序，该应用程序有一个我包裹在滚动查看器中的画布。我在状态栏中有一个滑块，允许用户放大和缩小（就像 Win 7 的 mspaint 一样）。

这里是一些 XAML：

<ScrollViewer Name="Map"
              VerticalScrollBarVisibility="Auto"
              HorizontalScrollBarVisibility="Auto">
    <Canvas x:Name="WallsCanvas" Height="800" Width="1000" ClipToBounds="True">
        <Canvas.LayoutTransform>
            <ScaleTransform x:Name="WallsCanvasScale"
                            ScaleX="1" ScaleY="1" />
        </Canvas.LayoutTransform>
    </Canvas>
</ScrollViewer>

当我放大并且滚动条可见时，滚动条无论设置在哪里，都会跳到中间。

就像滚动条的值保持不变但最大值增加一样。

我可以做些什么来让他们……比如说，如果他们在右下角，在放大或缩小后留在右下角？

顺便说一句，这是我的放大和缩小代码：

private void SliderValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
    var scales = new []{.125, .25, .5, 1, 2, 4, 8};
    var scale = scales[(int)((Slider) sender).Value];

    ScaleChanged(scale, WallsCanvasScale);
}

private static void ScaleChanged(double scale, ScaleTransform st)
{
    st.ScaleX = scale;
    st.ScaleY = scale;
}

所以，我的代码中没有火箭科学，但是......

更新想法：如果我可以访问滚动条的值和最大值，我可以得到两者之间的百分比，然后在缩放（缩放）之后我可以重新应用滚动条的值作为百分比最大值？？？但是可用的值和最大值在哪里？

任何帮助将不胜感激。我不能认为我是唯一遇到此问题的人，因为 MSPaint（Windows 7 版本）可以正常工作，并且我认为它是一个 XAML 应用程序。

这是一个link (http://www.leesaunders.net/examples/zoomexample/zoomexample.zip) 到一个最小工作示例项目 (VS 2010)。当你运行它时，只需移动滚动条然后放大一个级别，你就会立即看到问题。

Answer 1

您只需要抵消由比例引起的偏移，因为它从 (0,0) 缩放。这有点复杂，但这里是您示例中的方法的示意图：

private void SliderValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
    var slider = (Slider)sender;
    if (!slider.IsLoaded)
    {
        slider.Loaded += (s, le) => SliderValueChanged(sender, e);
        return;
    }

    var scales = new[] { .125, .25, .5, 1, 2, 4, 8 };
    var scale = scales[(int)((Slider)sender).Value];

    // The "+20" are there to account for the scrollbars... i think. Not perfectly accurate.
    var relativeMiddle = new Point((Map.ActualWidth + 20) / 2, (Map.ActualHeight + 20) / 2);
    var oldLocation = CanvasScale.Transform(TemplateCanvas.PointFromScreen(relativeMiddle));

    ScaleChanged(scale, CanvasScale);

    var newLocation = CanvasScale.Transform(TemplateCanvas.PointFromScreen(relativeMiddle));

    var shift = newLocation - oldLocation;

    Map.ScrollToVerticalOffset(Map.VerticalOffset + shift.Y);
    Map.ScrollToHorizontalOffset(Map.HorizontalOffset + shift.X);

    lblScale.Content = scale.ToString("P1").Replace(".0", string.Empty);
}

应该是不言自明的；在缩放之前和之后测量中心的位置以计算该点的偏移量，然后将其添加到当前滚动位置。