2

放大画布上的绘图时，我需要显示滚动条。
画布位于 ScrollViewer 中，我增加了画布的宽度/高度，以便出现 scollbars（否则它们不会出现）。

要放大 1.1 倍，我使用以下代码：

Matrix m = this.LayoutTransform.Value;
if (e.Delta > 0) f = 1.1;
else f = 1.0 / 1.1;
m.Scale(f, f);
this.LayoutTransform = new MatrixTransform(m);
this.Height = this.ActualHeight * f;
this.Width = this.ActualWidth * f;

事实证明，画布变得太大了。绘图放大了 10%，但宽度似乎变成了 20%，更像 1.1 的平方。所以我使用Math.Sqrt(f);而不是f.

任何人都可以解释为什么它会这样吗？

4

1 回答 1

1

您应该只更改 Canvas 的 LayoutTransform，就像在这个简化的示例中一样：

<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
    <Canvas Width="1000" Height="1000" Background="Transparent"
            MouseWheel="Canvas_MouseWheel">
        <Canvas.LayoutTransform>
            <MatrixTransform/>
        </Canvas.LayoutTransform>
    </Canvas>
</ScrollViewer>

MouseWheel 事件处理程序：

private void Canvas_MouseWheel(object sender, MouseWheelEventArgs e)
{
    var element = (FrameworkElement)sender;
    var transform = (MatrixTransform)element.LayoutTransform;
    var matrix = transform.Matrix;
    var scale = e.Delta >= 0d ? 1.1 : (1d / 1.1);

    matrix.Scale(scale, scale);
    transform.Matrix = matrix;

    e.Handled = true;
}
于 2014-03-04T11:47:37.947 回答