MAUIでSkiaSharpを使う - 版の履歴

Administrator: /* CS */

2024-03-04T07:12:50Z

← 古い版		2024年3月4日 (月) 07:12時点における版
61行目:		61行目:
	_bitmap.Dispose();		_bitmap.Dispose();
	_bitmap = bitmap;		_bitmap = bitmap;

	canvasView.InvalidateSurface();		canvasView.InvalidateSurface();
	});		});

Administrator: /* CS */

2024-03-04T06:54:45Z

← 古い版		2024年3月4日 (月) 06:54時点における版
67行目:		67行目:
	描画		描画
	<source lang="csharp">		<source lang="csharp">
	void canvasViewPaintSurface(Object sender, SKPaintSurfaceEventArgs e)		void canvasViewPaintSurface(Object sender, SKPaintSurfaceEventArgs e)
	{		{
	if (_bitmap == null)		if (_bitmap == null)
	return;		return;
	using var canvas = e.Surface.Canvas;		using var canvas = e.Surface.Canvas;
	canvas.Clear();		canvas.Clear();
	canvas.DrawBitmap(_bitmap, x:0, y:0);		canvas.DrawBitmap(_bitmap, x:0, y:0);
	}		}
	</source>		</source>

	[[category: MAUI]]		[[category: MAUI]]

Administrator: /* XAML */

2024-03-04T06:53:51Z

XAML

← 古い版		2024年3月4日 (月) 06:53時点における版
53行目:		53行目:
	</source>		</source>

			=== CS ===
			更新はメインスレッドでやる。
			<source lang="csharp">
			await MainThread.InvokeOnMainThreadAsync(() =>
			{
			if (_bitmap != null)
			_bitmap.Dispose();
			_bitmap = bitmap;
			canvasView.InvalidateSurface();
			});
			</source>

			描画
			<source lang="csharp">
			void canvasViewPaintSurface(Object sender, SKPaintSurfaceEventArgs e)
			{
			if (_bitmap == null)
			return;
			using var canvas = e.Surface.Canvas;
			canvas.Clear();
			canvas.DrawBitmap(_bitmap, x:0, y:0);
			}
			</source>

	[[category: MAUI]]		[[category: MAUI]]

Administrator: /* XAML */

2024-03-04T06:42:02Z

XAML

← 古い版		2024年3月4日 (月) 06:42時点における版
44行目:		44行目:
	x:Class="Maui8.MainPage">		x:Class="Maui8.MainPage">

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

	</ContentPage>		</ContentPage>

Administrator: /* XAML */

2024-03-04T06:19:50Z

XAML

← 古い版		2024年3月4日 (月) 06:19時点における版
42行目:		42行目:
	xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"		xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
	xmlns:skia="clr-namespace:SkiaSharp.Views.Maui.Controls;assembly=SkiaSharp.Views.Maui.Controls"		xmlns:skia="clr-namespace:SkiaSharp.Views.Maui.Controls;assembly=SkiaSharp.Views.Maui.Controls"
	x:Class="~~Capture8~~.MainPage">		x:Class="Maui8.MainPage">

	<StackLayout>		<StackLayout>

Administrator: /* XAML */

2024-03-04T06:19:39Z

XAML

@@ 37行目: / 37行目: @@
 === XAML ===
-clr-namespace:SkiaSharp.Views.Maui.Controls;assembly=SkiaSharp.Views.Maui.Controls
+<source lang=xml>
 [[category: MAUI]]

Administrator: /* MauiAppBuilder */

2024-03-04T06:15:49Z

MauiAppBuilder

← 古い版		2024年3月4日 (月) 06:15時点における版
35行目:		35行目:
	}		}
	</source>		</source>

			=== XAML ===
			clr-namespace:SkiaSharp.Views.Maui.Controls;assembly=SkiaSharp.Views.Maui.Controls

	[[category: MAUI]]		[[category: MAUI]]

Administrator: /* NuGet */

2024-03-04T06:14:18Z

NuGet

← 古い版		2024年3月4日 (月) 06:14時点における版
3行目:		3行目:

	== NuGet ==		== NuGet ==
			以下のNuGetをぶちこむ。
	* SkiaSharp.Views.Maui.Controls		* SkiaSharp.Views.Maui.Controls

Administrator: ページの作成:「MAUIでSkiaSharpを使う方法は公式サイトにあるが機械翻訳がわかりにくい。 * https://learn.microsoft.com/ja-jp/dotnet/maui/migration/skiash…」

2024-03-04T06:13:58Z

ページの作成:「MAUIでSkiaSharpを使う方法は公式サイトにあるが機械翻訳がわかりにくい。 * https://learn.microsoft.com/ja-jp/dotnet/maui/migration/skiash…」

新規ページ

[[MAUI]]で[[SkiaSharp]]を使う方法は公式サイトにあるが機械翻訳がわかりにくい。
* https://learn.microsoft.com/ja-jp/dotnet/maui/migration/skiasharp?view=net-maui-8.0

== NuGet ==
* SkiaSharp.Views.Maui.Controls

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

<source lang="csharp">
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();
}
}
</source>

[[category: MAUI]]