Windows平台下如何将OpenGL与SKCanvasView结合使用？

核心结论 #

可以在Windows平台将OpenGL与SKCanvasView结合，通过自定义渲染逻辑替代SKCanvasView默认的SKSurface创建流程，从而传入自定义GRContext来优化性能。

具体实现步骤 #

1. 初始化OpenGL上下文 #

在Windows平台，可通过Win32 API或OpenGL封装库（如GLFW）创建OpenGL渲染上下文，确保上下文与目标窗口关联，获取有效的HGLRC句柄。

2. 创建自定义GRContext与SKSurface #

利用SkiaSharp的GRContext.CreateGl()方法，传入已初始化的OpenGL上下文生成自定义GRContext，再手动创建绑定该上下文的SKSurface：

// 假设已获取到有效的HGLRC
var grContext = GRContext.CreateGl();
var imageInfo = new SKImageInfo(Width, Height, SKColorType.Rgba8888, SKAlphaType.Premul);
var customSurface = SKSurface.Create(grContext, false, imageInfo);

3. 重写SKCanvasView的渲染逻辑 #

继承SKCanvasView后，重写OnPaintSurface方法，跳过默认的SKSurface创建流程，直接使用自定义Surface进行渲染：

protected override void OnPaintSurface(SKPaintSurfaceEventArgs e)
{
    // 改用自定义Surface的Canvas执行绘制
    var canvas = customSurface.Canvas;
    canvas.Clear(SKColors.White);
    
    // 你的绘制逻辑示例
    using var redPaint = new SKPaint { Color = SKColors.Red, StrokeWidth = 3 };
    canvas.DrawLine(0, 0, Width, Height, redPaint);
    
    // 手动触发OpenGL缓冲区交换
    SwapBuffers(yourWindowHandle);
}

4. 处理窗口尺寸变更 #

当控件尺寸改变时，销毁旧的Surface和GRContext，重新创建适配新尺寸的实例：

protected override void OnSizeChanged(EventArgs e)
{
    base.OnSizeChanged(e);
    customSurface?.Dispose();
    grContext?.Dispose();
    
    // 重新初始化上下文与Surface
    grContext = GRContext.CreateGl();
    var newImageInfo = new SKImageInfo(Width, Height, SKColorType.Rgba8888, SKAlphaType.Premul);
    customSurface = SKSurface.Create(grContext, false, newImageInfo);
}

5. 资源释放 #

在控件销毁时，手动释放GRContext和SKSurface资源，避免内存泄漏：

protected override void Dispose(bool disposing)
{
    if (disposing)
    {
        customSurface?.Dispose();
        grContext?.Dispose();
    }
    base.Dispose(disposing);
}

注意事项 #

• 确保OpenGL上下文版本与SkiaSharp兼容，建议使用OpenGL 3.2及以上版本。
• 若基于WPF框架，需通过HwndHost完成Win32 OpenGL窗口与WPF控件的互操作。
• 优化后需对比渲染帧率，验证性能提升效果。

内容的提问来源于stack exchange，提问作者jahu