SkiaSharp 그래픽 Xamarin.Forms

Download Sample 샘플 다운로드

애플리케이션에서 Xamarin.Forms 2D 그래픽에 SkiaSharp 사용

SkiaSharp는 Google 제품에서 광범위하게 사용되는 오픈 소스 Skia 그래픽 엔진에서 구동되는 .NET 및 C#용 2D 그래픽 시스템입니다. 애플리케이션에서 Xamarin.Forms SkiaSharp를 사용하여 2D 벡터 그래픽, 비트맵 및 텍스트를 그릴 수 있습니다.

이 가이드에서는 프로그래밍에 익숙 Xamarin.Forms 하다고 가정합니다.

SkiaSharp 예선

SkiaSharp for Xamarin.Forms 는 NuGet 패키지로 패키지됩니다. Visual Studio 또는 Mac용 Visual Studio 솔루션을 만든 Xamarin.Forms 후 NuGet 패키지 관리자를 사용하여 SkiaSharp.Views.Forms 패키지를 검색하고 솔루션에 추가할 수 있습니다. SkiaSharp를 추가한 후 각 프로젝트의 참조 섹션을 검사 경우 솔루션의 각 프로젝트에 다양한 SkiaSharp 라이브러리가 추가된 것을 볼 수 있습니다.

Xamarin.Forms 애플리케이션이 iOS를 대상으로 하는 경우 Info.plist 파일을 편집하여 최소 배포 대상을 iOS 8.0으로 변경합니다.

SkiaSharp를 사용하는 C# 페이지에서는 그래픽 프로그래밍에 사용할 모든 SkiaSharp 클래스, 구조 및 열거형을 포함하는 네임스페이스에 대한 SkiaSharp 지시문을 포함 using 하려고 합니다. 에 특정한 using 클래스의 SkiaSharp.Views.Forms 네임스페이스에 대한 지시문도 사용할 수 있습니다 Xamarin.Forms. 이 네임스페이스는 훨씬 더 작은 네임스페이스이며, 가장 중요한 클래스는 SKCanvasView.입니다. 이 클래스는 클래스에서 Xamarin.FormsView 파생되며 SkiaSharp 그래픽 출력을 호스트합니다.

Important

네임스페이 View 스에는 SkiaSharp.Views.Forms 파생되지만 그래픽 렌더링에 OpenGL을 사용하는 클래스도 포함되어 SKGLView 있습니다. 단순성을 위해 이 가이드는 자신을 SKCanvasView제한하지만 대신 사용하는 SKGLView 것은 매우 유사합니다.

SkiaSharp 그리기 기본 사항

SkiaSharp로 그릴 수 있는 가장 간단한 그래픽 그림 중 일부는 원, 타원 및 사각형입니다. 이러한 그림을 표시할 때 SkiaSharp 좌표, 크기 및 색에 대해 알아봅니다. 텍스트 및 비트맵의 표시는 더 복잡하지만 이러한 문서에서는 이러한 기술도 소개합니다.

SkiaSharp 선 및 경로

그래픽 경로는 일련의 연결된 직선 및 곡선입니다. 경로를 스트로크, 채우기 또는 둘 다 사용할 수 있습니다. 이 문서에서는 스트로크 끝과 조인, 파선 및 점선 등 선 그리기의 여러 측면을 포괄하지만 곡선 기하 도형이 부족합니다.

SkiaSharp 변환

변환을 사용하면 그래픽 개체를 균일하게 변환, 크기 조정, 회전 또는 왜곡할 수 있습니다. 또한 이 문서에서는 표준 3-by-3 변환 매트릭스를 사용하여 비아핀 변환을 만들고 경로에 변환을 적용하는 방법을 보여 줍니다.

SkiaSharp 곡선 및 경로

경로 탐색은 경로 개체에 곡선을 추가하고 다른 강력한 경로 기능을 활용하는 작업을 계속합니다. 간결한 텍스트 문자열에서 전체 경로를 지정하는 방법, 경로 효과를 사용하는 방법 및 경로 내부를 자세히 살펴보는 방법을 확인할 수 있습니다.

SkiaSharp 비트맵

비트맵은 디스플레이 디바이스의 픽셀에 해당하는 비트의 사각형 배열입니다. 이 문서 시리즈에서는 SkiaSharp 비트맵의 비트를 로드, 저장, 표시, 만들기, 그리기, 애니메이션 및 액세스하는 방법을 보여 줍니다.

SkiaSharp 효과

효과는 선형 및 원형 그라데이션, 비트맵 바일링, 혼합 모드, 흐림 등 그래픽의 일반 표시를 변경하는 속성입니다.