在 Avalonia 中画图形,最常用且性能优秀的方式是集成 SkiaSharp。Avalonia 本身不内置 Canvas 绘图 API(如 WPF 的 Canvas),但通过
SkiaSharp.Views.Avalonia提供的
SKElement或
SKGLView控件,你可以直接使用 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):
<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 中替换为
<skglview paintsurface="OnPaintSurface" ...></skglview>确保运行环境支持 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 控件已封装好。关键就是选对控件、装对包、用对事件。
