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

来源:这里教程网 时间:2026-02-21 17:33:35 作者:

在 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 控件已封装好。关键就是选对控件、装对包、用对事件。

相关推荐