C# Avalonia怎么画图形 Avalonia集成SkiaSharp教程

在Avalonia中画图形最常用且性能优秀的方式是集成SkiaSharp,通过SKElement(CPU渲染)或SKGLView(GPU加速)控件调用PaintSurface事件进行绘制,需安装SkiaSharp、SkiaSharp.Views.Avalonia等NuGet包并确保版本兼容。

在 Avalonia 中画图形,最常用且性能优秀的方式是集成 SkiaSharp。Avalonia 本身不内置 Canvas 绘图 API(如 WPF 的 Canvas),但通过 SkiaSharp.Views.Avalonia 提供的 SKElementSKGLView 控件,你可以直接使用 Skia 的高性能 2D 渲染能力。

安装 SkiaSharp 和 Avalonia 支持包

在项目中添加以下 NuGet 包:

  • SkiaSharp
  • SkiaSharp.Views.Avalonia
  • (可选)SkiaSharp.NativeAssets.Linux(Linux 用户需根据架构选对应包,如 SkiaSharp.NativeAssets.Linux.x64

注意:确保版本兼容。推荐使用与 Avalonia 11+ 兼容的 SkiaSharp 2.88+ 版本(查看 官方 Avalonia 示例 确认匹配版本)。

在 XAML 中添加 SKElement 控件

这是最简单、CPU 渲染的方式(无需 OpenGL/Vulkan):


    

然后在后台代码中处理绘制逻辑:

private void OnPaintSurface(object sender, SKPaintSurfaceEventArgs e)
{
    var canvas = e.Surface.Canvas;
    canvas.Clear(SKColors.White);

    // 画一个红色圆
    using var paint = new SKPaint { Color = SKColors.Red, IsAntialias = true };
    canvas.DrawCircle(200, 150, 80, paint);
}

用 SKGLView 启用 GPU 加速(可选进阶)

若需更高性能(如动画、大量图元),改用 SKGLView

  • XAML 中替换为
  • 确保运行环境支持 OpenGL(Windows/Linux 默认 OK;macOS 需启用 Metal 后端或使用 SKGLView + SKGraphicsBackend.Metal
  • 首次渲染前调用 e.Surface.Canvas.Clear(...) 是必须的,否则可能残留脏帧

响应窗口大小变化并重绘

SKElementSKGLView 都会自动触发 PaintSurface,但你需要手动适配尺寸:

  • PaintSurface 中用 e.Info.Width/Height 获取当前画布尺寸
  • 避免硬编码坐标,改用比例或布局计算(例如:中心点 = info.Width / 2f
  • 如需主动重绘(比如数据更新后),调用 SKElement.InvalidateVisual()

基本上就这些。不需要 WinForms/WPF 的复杂事件循环,也不用自己管理 Skia 上下文生命周期 —— Avalonia 的 Skia 控件已封装好。关键就是选对控件、装对包、用对事件。