SKElement -为图像创建xy滚动条

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方法中，我创建了一种在画布上绘制位图图像的方法。但是当我放大图像时，我不能滚动图像。有人知道如何创建滚动条吗?

Answer 1

将Canvas放在ScrollViewer元素中，并在缩放时设置其Height和/或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;
}