在 Xamarin.Forms 中使用 SkiaSharp 將點擊事件添加到 SVG 中的元素

Question

我想得到svg里面的特定點為xamarin.forms 請問有什么方法可以實現嗎？

提前致謝。

Answer 1

回答這個老問題可能會幫助像我這樣的未來探索者——在我的應用程序中，我使用了 SkiaSharp 自己的位於SKCanvas上的點擊處理程序。 您使用EnableTouchEvents屬性打開它們，然后在Touch屬性中設置回調。 此外，在回調處理程序中確保設置e.Handled = true; 在SKTouchEventArgs上，否則您將無法獲得完整的SKTouchAction類型。 水龍頭位置也包括在內。

Answer 2

是的，您可以使用Skiasharp將觸摸事件添加到特定點。 您只需要按位置過濾操作即可。 假設您正在使用Xaml和C＃，則Xaml代碼將如下所示

<Grid BackgroundColor="White"
        Grid.Row="1">

    <skia:SKCanvasView x:Name="canvasView"
                        PaintSurface="OnCanvasViewPaintSurface" />
    <Grid.Effects>
        <tt:TouchEffect Capture="True"
                        TouchAction="OnTouchEffectAction" />
    </Grid.Effects>
</Grid>

然后您的C＃會像這樣

void OnTouchEffectAction(object sender, TouchActionEventArgs args)
{
    // Convert Xamarin.Forms point to pixels
    Point pt = args.Location;
    SKPoint point = 
        new SKPoint((float)(canvasView.CanvasSize.Width * pt.X / canvasView.Width),
                    (float)(canvasView.CanvasSize.Height * pt.Y / canvasView.Height));

    // Uncomment the code below based on what you specifically need
    // if (point != The Point you care about) or (pt != The Location you care about
        // return;
    switch (args.Type)
    {
        case TouchActionType.Pressed:
            if (bitmap.HitTest(point))
            {
                touchIds.Add(args.Id);
                bitmap.ProcessTouchEvent(args.Id, args.Type, point);
                break;
            }
            break;

        case TouchActionType.Moved:
            if (touchIds.Contains(args.Id))
            {
                bitmap.ProcessTouchEvent(args.Id, args.Type, point);
                canvasView.InvalidateSurface();
            }
            break;

        case TouchActionType.Released:
        case TouchActionType.Cancelled:
            if (touchIds.Contains(args.Id))
            {
                bitmap.ProcessTouchEvent(args.Id, args.Type, point);
                touchIds.Remove(args.Id);
                canvasView.InvalidateSurface();
            }
            break;
    }
}

Charles Petzold與Skiasharp一起撰寫了這些Github示例 ，請查看它們以獲取更好的主意