「MAUIでSkiaSharpを使う」の版間の差分
ナビゲーションに移動
検索に移動
Administrator (トーク | 投稿記録) (→XAML) |
Administrator (トーク | 投稿記録) (→XAML) |
||
44行目: | 44行目: | ||
x:Class="Maui8.MainPage"> | x:Class="Maui8.MainPage"> | ||
− | + | <skia:SKCanvasView x:Name="canvasView" | |
− | + | PaintSurface="canvasViewPaintSurface" | |
− | + | VerticalOptions="Fill" | |
+ | HorizontalOptions="Fill" | ||
+ | /> | ||
</ContentPage> | </ContentPage> |
2024年3月4日 (月) 06:42時点における版
MAUIでSkiaSharpを使う方法は公式サイトにあるが機械翻訳がわかりにくい。
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>