MAUIでSkiaSharpを使う

MAUIでSkiaSharpを使う方法は公式サイトにあるが機械翻訳がわかりにくい。

• https://learn.microsoft.com/ja-jp/dotnet/maui/migration/skiasharp?view=net-maui-8.0

NuGet

以下のNuGetをぶちこむ。

• SkiaSharp.Views.Maui.Controls

MauiAppBuilder

MainProgram.csに「using SkiaSharp.Views.Maui.Controls.Hosting;」と「.UseSkiaSharp()」を追加する。

using Microsoft.Extensions.Logging;
using SkiaSharp.Views.Maui.Controls.Hosting;

public static class MauiProgram
{
	public static MauiApp CreateMauiApp()
	{
		var builder = MauiApp.CreateBuilder();
		builder
			.UseMauiApp<App>()
			.UseSkiaSharp()
			.ConfigureFonts(fonts =>
			{
				fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
				fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
			});

#if DEBUG
		builder.Logging.AddDebug();
#endif

		return builder.Build();
	}
}

XAML

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:skia="clr-namespace:SkiaSharp.Views.Maui.Controls;assembly=SkiaSharp.Views.Maui.Controls"
             x:Class="Maui8.MainPage">

    <skia:SKCanvasView x:Name="canvasView"
                        PaintSurface="canvasViewPaintSurface"
                        VerticalOptions="Fill"
                        HorizontalOptions="Fill"
                        />

</ContentPage>