Grafica SkiaSharp in Xamarin.Forms

Scaricare l'esempio. Scaricare l'esempio

Usare SkiaSharp per la grafica 2D nelle Xamarin.Forms applicazioni

SkiaSharp è un sistema di grafica 2D per .NET e C# basato sul motore di grafica Open Source Skia ampiamente usato nei prodotti Google. È possibile usare SkiaSharp nelle applicazioni per disegnare grafica vettoriale Xamarin.Forms 2D, bitmap e testo.

In questa guida si presuppone che si abbia familiarità con la Xamarin.Forms programmazione.

Webinar: SkiaSharp for Xamarin.Forms

Preliminari di SkiaSharp

SkiaSharp per Xamarin.Forms è in pacchetto NuGet pacchetto. Dopo aver creato una soluzione in Visual Studio o Visual Studio per Mac, è possibile usare gestione pacchetti di NuGet per cercare il pacchetto Xamarin.Forms SkiaSharp.Views.Forms e aggiungerlo alla soluzione. Se si seleziona la sezione Riferimenti di ogni progetto dopo aver aggiunto SkiaSharp, è possibile vedere che sono state aggiunte diverse librerie SkiaSharp a ogni progetto nella soluzione.

Se Xamarin.Forms l'applicazione è destinata a iOS, modificare il file Info.plist per modificare la destinazione di distribuzione minima in iOS 8.0.

In qualsiasi pagina C# che usa SkiaSharp è necessario includere una direttiva per lo spazio dei nomi , che include tutte le classi, le strutture e le enumerazioni using SkiaSharp che verranno usate nella programmazione SkiaSharp grafica. È anche necessario una direttiva using per lo spazio dei nomi per le classi specifiche di SkiaSharp.Views.Forms Xamarin.Forms . Si tratta di uno spazio dei nomi molto più piccolo, con la classe più SKCanvasView importante. Questa classe deriva dalla classe Xamarin.Forms View e ospita l'output grafico SkiaSharp.

Importante

Lo SkiaSharp.Views.Forms spazio dei nomi contiene anche una classe che deriva da ma usa SKGLView View OpenGL per il rendering della grafica. Per motivi di semplicità, questa guida si limita a , ma SKCanvasView l'uso SKGLView di è piuttosto simile.

Nozioni di base sul disegno con SkiaSharp

Alcune delle figure grafiche più semplici che è possibile disegnare con SkiaSharp sono cerchi, ovali e rettangoli. Nella visualizzazione di queste figure verranno descritte le coordinate, le dimensioni e i colori di SkiaSharp. La visualizzazione di testo e bitmap è più complessa, ma questi articoli introducono anche queste tecniche.

Linee e tracciati in SkiaSharp

Un tracciato grafico è una serie di linee rette e curve connesse. I tracciati possono essere tracciati, riempiti o entrambi. Questo articolo include molti aspetti del disegno di linee, tra cui le estremità e i join dei tratti, le linee tratteggiate e tratteggiate, ma si interrompe a corto di geometrie di curva.

Trasformazioni di SkiaSharp

Le trasformazioni consentono di traslare, ridimensionare, ruotare o inclinare in modo uniforme gli oggetti grafici. Questo articolo illustra anche come usare una matrice di trasformazione standard 3 per 3 per creare trasformazioni non affine e applicare trasformazioni ai tracciati.

Curve e tracciati in SkiaSharp

L'esplorazione dei tracciati continua con l'aggiunta di curve a oggetti tracciato e l'utilizzo di altre potenti funzionalità del percorso. Si scoprirà come specificare un intero percorso in una stringa di testo concisa, come usare gli effetti del percorso e come disarticipare gli interni del percorso.

Bitmap SkiaSharp

Le bitmap sono matrici rettangolari di bit corrispondenti ai pixel di un dispositivo di visualizzazione. Questa serie di articoli illustra come caricare, salvare, visualizzare, creare, disegnare, animare e accedere ai bit delle bitmap SkiaSharp.

Effetti SkiaSharp

Gli effetti sono proprietà che modificano la visualizzazione normale della grafica, tra cui sfumature lineari e circolari, affiancamento di bitmap, modalità di fusione, sfocatura e altre.