Question

我有一个Canvas元素，包含在ScrollViewer中，我正在使用ScaleTransform进行缩放。但是，我希望能够在缩放操作完成后将查看器的滚动位置保持在画布的同一部分上。目前，当我缩放画布时，观看者的滚动位置保持原样，用户正在查看的位置丢失。

我还在学习WPF，而且我已经在这方面做了一些倒退和转发，但我无法找到一个很好的基于XAML的方法来实现我想要的。在这个问题上的任何帮助将不胜感激，并将有助于我的学习过程。

以下是我正在使用的代码......

<Grid>
    <ScrollViewer Name="TrackScrollViewer" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
        <Canvas Width="2560" Height="2560" Name="TrackCanvas">
            <Canvas.LayoutTransform>
                <ScaleTransform ScaleX="{Binding ElementName=ZoomSlider, Path=Value}" 
                                ScaleY="{Binding ElementName=ZoomSlider, Path=Value}"/>
            </Canvas.LayoutTransform>

            <!-- Some complex geometry describing a motor racing circuit -->

        </Canvas>
    </ScrollViewer>
    <StackPanel Orientation="Horizontal" Margin="8" VerticalAlignment="Top" HorizontalAlignment="Left">
        <Slider Name="ZoomSlider" Width="80" Minimum="0.1" Maximum="10" Value="1"/>
        <TextBlock Margin="4,0,0,0" VerticalAlignment="Center" Text="{Binding ElementName=ZoomSlider, Path=Value, StringFormat=F1}"/>
    </StackPanel>
</Grid>

Answer 1

这不是纯粹的XAML方式，但在Joeyw的博客上有一个非常好的工作，标题为Pan and Zoom (DeepZoom style) in WPF，其中包含指向源代码的链接。他从DeepZoom中获得了一些灵感，它可以为您提供平滑/动画平移和缩放内容。如果你正在使用WPF 4，你可能会稍微修改一下，为动画添加一些缓动功能，使其更加美观。

Answer 2

经过广泛搜索同样的事情，我偶然发现了http://wpfextensions.codeplex.com/，它提供了开箱即用的优秀功能。

WPF缩放画布并保持滚动位置

2 个答案: