中的SkiaSharp圖形 Xamarin.Forms

Download Sample 下載範例

在應用程式中針對 2D 圖形 Xamarin.Forms 使用 SkiaSharp

SkiaSharp 是適用於 .NET 和 C# 的 2D 圖形系統,由開放原始碼的 Skia 圖形引擎提供,在 Google 產品中廣泛使用。 您可以在應用程式中使用 SkiaSharp Xamarin.Forms 來繪製 2D 向量圖形、點陣圖和文字。

本指南假設您已熟悉 Xamarin.Forms 程序設計。

SkiaSharp 初步專案

的 SkiaSharp Xamarin.Forms 會封裝為 NuGet 套件。 在 Visual Studio 或 Visual Studio for Mac 中建立 Xamarin.Forms 方案之後,您可以使用 NuGet 套件管理員來搜尋 SkiaSharp.Views.Forms 套件,並將其新增至您的解決方案。 如果您在新增 SkiaSharp 之後檢查 每個專案的 [參考 ] 區段,您可以看到已將各種 SkiaSharp 連結庫新增至方案中的每個專案。

Xamarin.Forms如果您的應用程式以 iOS 為目標,請編輯其 Info.plist 檔案,將最小部署目標變更為 iOS 8.0。

在任何使用 SkiaSharp 的 C# 頁面中,您要包含 using 命名空間的 SkiaSharp 指示詞,其中包含您將在圖形程式設計中使用的所有 SkiaSharp 類別、結構和列舉。 您也會想要 using 針對 專屬Xamarin.Forms類別的命名空間指示詞SkiaSharp.Views.Forms。 這是較小的命名空間,其中最重要的類別是 SKCanvasView。 這個類別衍生自 類別, Xamarin.FormsView 並裝載您的SkiaSharp圖形輸出。

重要

SkiaSharp.Views.Forms命名空間也包含SKGLView衍生自 View 的類別,但使用 OpenGL 來轉譯圖形。 為了簡單起見,本指南會將本身限製為 SKCanvasView,但改用 SKGLView 相當類似。

SkiaSharp 繪圖基本概念

您可以使用 SkiaSharp 繪製的一些最簡單的圖形圖形是圓形、橢圓形和矩形。 在顯示這些數位時,您將瞭解 SkiaSharp 座標、大小和色彩。 文字和點陣圖的顯示更為複雜,但這些文章也會介紹這些技術。

SkiaSharp 線條和路徑

圖形路徑是一系列連接的直線和曲線。 路徑可以筆劃、填滿或兩者。 本文包含線條繪製的許多層面,包括筆劃結束和聯結,以及虛線和虛線,但會停止曲線幾何。

SkiaSharp 轉換

轉換可讓圖形物件統一轉譯、縮放、旋轉或扭曲。 本文也會說明如何使用標準 3-by-3 轉換矩陣來建立非仿射轉換,並將轉換套用至路徑。

SkiaSharp 曲線和路徑

路徑的探索會繼續將曲線新增至路徑物件,並利用其他功能強大的路徑功能。 您將瞭解如何在精簡的文字字串中指定整個路徑、如何使用路徑效果,以及如何深入探討路徑內部。

SkiaSharp 點陣圖

點陣圖是對應於顯示裝置圖元的矩形位數組。 這系列文章說明如何載入、儲存、顯示、建立、繪製、建立、繪製、建立動畫,以及存取 SkiaSharp 位圖的位。

SkiaSharp 效果

效果是改變圖形的一般顯示屬性,包括線性和圓形漸層、點陣圖並排、混合模式、模糊等。