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

在 Avalonia 中画图形,最常用且性能优秀的方式是集成 SkiaSharp。Avalonia 本身不内置 Canvas 绘图 API(如 WPF 的 Canvas),但通过 SkiaSharp.Views.Avalonia 提供的 SKElement 或 SKGLView 控件,你可以直接使用 Skia 的高性能 2D 渲染能力。
安装 SkiaSharp 和 Avalonia 支持包
在项目中添加以下 NuGet 包:
SkiaSharpSkiaSharp.Views.Avalonia- (可选)
SkiaSharp.NativeAssets.Linux(Linux 用户需根据架构选对应包,如SkiaSharp.NativeAssets.Linux.x64)
注意:确保版本兼容。推荐使用与 Avalonia 11+ 兼容的 SkiaSharp 2.88+ 版本(查看 官方 Avalonia 示例 确认匹配版本)。
在 XAML 中添加 SKElement 控件
这是最简单、CPU 渲染的方式(无需 OpenGL/Vulkan):
<Window xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:skia="using:SkiaSharp.Views.Avalonia">
<skia:SKElement x:Name="DrawingSurface"
PaintSurface="OnPaintSurface"
Width="400" Height="300"/>
</Window>
然后在后台代码中处理绘制逻辑:
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 中替换为
<skia:SKGLView PaintSurface="OnPaintSurface" ... /> - 确保运行环境支持 OpenGL(Windows/Linux 默认 OK;macOS 需启用 Metal 后端或使用
SKGLView+SKGraphicsBackend.Metal) - 首次渲染前调用
e.Surface.Canvas.Clear(...)是必须的,否则可能残留脏帧
响应窗口大小变化并重绘
SKElement 和 SKGLView 都会自动触发 PaintSurface,但你需要手动适配尺寸:
- 在
PaintSurface中用e.Info.Width/Height获取当前画布尺寸 - 避免硬编码坐标,改用比例或布局计算(例如:中心点 =
info.Width / 2f) - 如需主动重绘(比如数据更新后),调用
SKElement.InvalidateVisual()
基本上就这些。不需要 WinForms/WPF 的复杂事件循环,也不用自己管理 Skia 上下文生命周期 —— Avalonia 的 Skia 控件已封装好。关键就是选对控件、装对包、用对事件。










