SKElement - 为图像创建 x y 滚动条

Question

我对 WPF 有点陌生。当我放大图像时，我想让我的图像可以滚动。这是我的 XAML 代码。

<UserControl xmlns: skia="clr-namespace:SkiaSharp.Views.WPF:assembly=SkiaSharp.Views.WPF">
  <Grid> 
    <skia:SKElement Name="Canvas" PaintSurface="SKElement_PaintSurface">
  </Grid>
</UserControl>

private void SKElement_PaintSurface(object sender, SKPaintSurfaceEventArgs e)
{
   \Code goes here...
}

在 SKElement_PaintSurface 方法中，我创建了一种在 canvas 上绘制位图图像的方法。但是当我放大图像时，我无法滚动图像。有谁知道为此创建一个滚动条吗？

Answer 1

将 Canvas 放在 ScrollViewer 元素中并在缩放时设置其 Height and/or Width:

    <UserControl xmlns: skia="clr-namespace:SkiaSharp.Views.WPF:assembly=SkiaSharp.Views.WPF">
        <Grid>
            <ScrollViewer>
                <skia:SKElement Name="DrawCanvas" PaintSurface="SKElement_PaintSurface">
            </ScrollViewer>
        </Grid>
    </UserControl>

private void SKElement_PaintSurface(object sender, SKPaintSurfaceEventArgs e)
{
    \Code goes here...

    DrawCanvas.Height = 100;
}

SKElement - 为图像创建 x y 滚动条

SKElement - Create x y scrollbar for image

c#

wpf

skiasharp