SkiaSharp Graphics in Xamarin.Forms

  • Makale

Download Sample Örneği indirme

Uygulamalarınızda Xamarin.Forms 2B grafikler için SkiaSharp kullanma

SkiaSharp, Google ürünlerinde yaygın olarak kullanılan açık kaynak Skia grafik motoru tarafından desteklenen .NET ve C# için bir 2B grafik sistemidir. Uygulamalarınızda Xamarin.Forms SkiaSharp kullanarak 2B vektör grafikleri, bit eşlemler ve metin çizebilirsiniz.

Bu kılavuzda programlama hakkında Xamarin.Forms bilgi sahibi olduğunuz varsayılır.

SkiaSharp Ön Hazırlıkları

için Xamarin.Forms SkiaSharp bir NuGet paketi olarak paketlenmiş. Visual Studio'da veya Mac için Visual Studio bir Xamarin.Forms çözüm oluşturduktan sonra, NuGet paket yöneticisini kullanarak SkiaSharp.Views.Forms paketini arayabilir ve çözümünüzde ekleyebilirsiniz. SkiaSharp ekledikten sonra her projenin Başvurular bölümünü denetlerseniz, çözümdeki projelerin her birine çeşitli SkiaSharp kitaplıklarının eklendiğini görebilirsiniz.

Uygulamanız Xamarin.Forms iOS'yi hedef alıyorsa, en düşük dağıtım hedefini iOS 8.0 olarak değiştirmek için Info.plist dosyasını düzenleyin.

SkiaSharp kullanan herhangi bir C# sayfasında, grafik programlamanızda kullanacağınız tüm SkiaSharp sınıflarını, yapılarını ve numaralandırmalarını kapsayan ad alanı için SkiaSharp bir using yönerge eklemek istersiniz. Ayrıca, öğesine özgü sınıflar için SkiaSharp.Views.Forms ad alanına yönelik bir using yönerge de isteyeceksinizXamarin.Forms. Bu, en önemli sınıfı olan çok daha küçük bir ad alanıdır SKCanvasView. Bu sınıf sınıfından Xamarin.FormsView türetilir ve SkiaSharp grafik çıkışınızı barındırır.

Önemli

Ad SkiaSharp.Views.Forms alanı, grafik işlemek için OpenGL kullanan ancak öğesinden View türetilen bir SKGLView sınıf da içerir. Kolaylık sağlamak amacıyla, bu kılavuz kendisini SKCanvasViewile kısıtlar, ancak bunun yerine kullanmak SKGLView oldukça benzerdir.

Temel SkiaSharp Çizimi Bilgileri

SkiaSharp ile çizebileceğiniz en basit grafik figürlerinden bazıları daireler, ovaller ve dikdörtgenlerdir. Bu rakamları görüntülerken SkiaSharp koordinatları, boyutları ve renkleri hakkında bilgi edinecek. Metin ve bit eşlemlerin görüntülenmesi daha karmaşıktır, ancak bu makaleler bu teknikleri de tanıtır.

SkiaSharp Satırları ve Yolları

Grafik yolu, bağlı düz çizgiler ve eğriler dizisidir. Yollar konturlanabilir, doldurulabilir veya her ikisi birden olabilir. Bu makale, çizgi çiziminin vuruş uçları ve birleşimleri ile kesikli ve noktalı çizgiler dahil olmak üzere birçok yönünü kapsar, ancak eğri geometrilerinin kısasını durdurur.

SkiaSharp Dönüşümleri

Dönüşümler grafik nesnelerinin tekdüzen çevrilmesini, ölçeklendirilmesini, döndürülmesini veya eğrilmesini sağlar. Bu makalede, afin olmayan dönüşümler oluşturmak ve yollara dönüşüm uygulamak için standart bir 3'e 3 dönüşüm matrisi nasıl kullanabileceğiniz de gösterilir.

SkiaSharp Eğrileri ve Yolları

Yolların keşfi, yol nesnelerine eğriler ekleme ve diğer güçlü yol özelliklerinden yararlanma ile devam eder. Kısa bir metin dizesinde yolun tamamını nasıl belirtebileceğinizi, yol efektlerinin nasıl kullanılacağını ve yol içlerini nasıl inceleyebileceğinizi göreceksiniz.

SkiaSharp Bit Eşlemleri

Bit eşlemler, görüntüleme cihazının piksellerine karşılık gelen dikdörtgen bit dizileridir. Bu makale serisinde SkiaSharp bit bitlerini yükleme, kaydetme, görüntüleme, oluşturma, çizme, animasyon ekleme ve bunlara erişme işlemleri gösterilmektedir.

SkiaSharp Efektleri

Efektler, doğrusal ve dairesel gradyanlar, bit eşlem döşemesi, karışım modları, bulanıklaştırma ve diğerleri gibi grafiklerin normal görünümünü değiştiren özelliklerdir.