SkiaSharp Graphics in Xamarin.Forms

  • Article

Utiliser SkiaSharp pour les graphiques 2D dans vos Xamarin.Forms applications

SkiaSharp est un système graphique 2D pour .NET et C# alimenté par le moteur graphique Skia open source qui est largement utilisé dans les produits Google. Vous pouvez utiliser SkiaSharp dans vos Xamarin.Forms applications pour dessiner des graphiques vectoriels 2D, des bitmaps et du texte.

Ce guide suppose que vous êtes familiarisé avec Xamarin.Forms la programmation.

SkiaSharp Preliminaries

SkiaSharp pour Xamarin.Forms est empaqueté en tant que package NuGet. Une fois que vous avez créé une Xamarin.Forms solution dans Visual Studio ou Visual Studio pour Mac, vous pouvez utiliser le gestionnaire de package NuGet pour rechercher le package SkiaSharp.Views.Forms et l’ajouter à votre solution. Si vous case activée la section Références de chaque projet après avoir ajouté SkiaSharp, vous pouvez voir que différentes bibliothèques SkiaSharp ont été ajoutées à chacun des projets de la solution.

Si votre Xamarin.Forms application cible iOS, modifiez son fichier Info.plist pour modifier la cible de déploiement minimale en iOS 8.0.

Dans n’importe quelle page C# qui utilise SkiaSharp, vous souhaitez inclure une using directive pour l’espace SkiaSharp de noms, qui englobe toutes les classes, structures et énumérations SkiaSharp que vous utiliserez dans votre programmation graphique. Vous souhaiterez également une using directive pour l’espace SkiaSharp.Views.Forms de noms pour les classes spécifiques à Xamarin.Forms. Il s’agit d’un espace de noms beaucoup plus petit, avec la classe la plus importante étant SKCanvasView. Cette classe dérive de la Xamarin.FormsView classe et héberge votre sortie graphique SkiaSharp.

Important

L’espace SkiaSharp.Views.Forms de noms contient également une SKGLView classe qui dérive de View mais utilise OpenGL pour le rendu des graphiques. Pour des raisons de simplicité, ce guide se limite à SKCanvasView, mais l’utilisation SKGLView à la place est assez similaire.

Principes de base de dessin SkiaSharp

Certaines des figures graphiques les plus simples que vous pouvez dessiner avec SkiaSharp sont des cercles, des ovales et des rectangles. Dans l’affichage de ces figures, vous allez découvrir les coordonnées, tailles et couleurs SkiaSharp. L’affichage du texte et des bitmaps est plus complexe, mais ces articles présentent également ces techniques.

Lignes et chemins d’accès SkiaSharp

Un chemin graphique est une série de lignes droites et courbes connectées. Les chemins peuvent être tracés, remplis ou les deux. Cet article englobe de nombreux aspects du dessin de trait, y compris les extrémités et jointures de trait, ainsi que les traits pointillés et pointillés, mais s’arrête à court de géométries de courbe.

Transformations SkiaSharp

Les transformations permettent aux objets graphiques d’être traduits uniformément, mis à l’échelle, pivotés ou asymétriques. Cet article montre également comment utiliser une matrice de transformation standard 3 par 3 pour créer des transformations non affine et appliquer des transformations à des chemins.

Courbes et chemins d’accès SkiaSharp

L’exploration des chemins continue avec l’ajout de courbes à des objets de chemin d’accès et l’exploitation d’autres fonctionnalités de chemin puissantes. Vous verrez comment spécifier un chemin d’accès entier dans une chaîne de texte concise, comment utiliser des effets de chemin et comment explorer les éléments internes du chemin d’accès.

Bitmaps SkiaSharp

Les bitmaps sont des tableaux rectangulaires de bits correspondant aux pixels d’un appareil d’affichage. Cette série d’articles montre comment charger, enregistrer, afficher, créer, dessiner, animer et accéder aux bits des bitmaps SkiaSharp.

Effets SkiaSharp

Les effets sont des propriétés qui modifient l’affichage normal des graphiques, y compris les dégradés linéaires et circulaires, le mosaïques bitmap, les modes de fusion, le flou et d’autres.