C# Avalonia怎么画图形 Avalonia集成SkiaSharp教程-C#.Net教程-PHP中文网

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

星降

发布： 2025-12-15 17:06:07

原创

331人浏览过

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

c# avalonia怎么画图形 avalonia集成skiasharp教程

在 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>

登录后复制

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

ChatCut

AI视频剪辑工具

1086

查看详情

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(...) 是必须的，否则可能残留脏帧