Elementos gráficos SkiaSharp em Xamarin.Forms
Baixar o exemploUsar SkiaSharp para elementos gráficos 2D em seus Xamarin.Forms aplicativos
SkiaSharp é um sistema de gráficos 2D para .NET e C# alimentado pelo mecanismo gráfico Skia de software livre que é usado extensivamente em produtos google. Você pode usar SkiaSharp em seus Xamarin.Forms aplicativos para desenhar elementos gráficos de vetor 2D, bitmaps e texto.
Este guia pressupõe que você esteja familiarizado com Xamarin.Forms a programação.
Preliminares de SkiaSharp
SkiaSharp para Xamarin.Forms é empacotado como um pacote NuGet. Depois de criar uma Xamarin.Forms solução no Visual Studio ou Visual Studio para Mac, você pode usar o gerenciador de pacotes NuGet para pesquisar o pacote SkiaSharp.Views.Forms e adicioná-lo à sua solução. Se você marcar a seção Referências de cada projeto depois de adicionar SkiaSharp, poderá ver que várias bibliotecas SkiaSharp foram adicionadas a cada um dos projetos na solução.
Se o Xamarin.Forms aplicativo for direcionado para iOS, edite seu arquivo Info.plist para alterar o destino mínimo de implantação para o iOS 8.0.
Em qualquer página C# que use SkiaSharp, você desejará incluir uma using diretiva para o SkiaSharp namespace, que abrange todas as classes, estruturas e enumerações SkiaSharp que você usará em sua programação gráfica. Você também desejará uma using diretiva para o SkiaSharp.Views.Forms namespace para as classes específicas a Xamarin.Forms. Esse é um namespace muito menor, com a classe mais importante sendo SKCanvasView. Essa classe deriva da classe e hospeda a Xamarin.FormsView saída de elementos gráficos SkiaSharp.
Importante
O SkiaSharp.Views.Forms namespace também contém uma SKGLView classe que deriva de View , mas usa OpenGL para renderizar gráficos. Para fins de simplicidade, este guia restringe-se a SKCanvasView, mas usar SKGLView em vez disso é bastante semelhante.
Noções básicas de desenho do SkiaSharp
Algumas das figuras gráficas mais simples que você pode desenhar com SkiaSharp são círculos, ovais e retângulos. Ao exibir essas figuras, você aprenderá sobre coordenadas, tamanhos e cores skiaSharp. A exibição de texto e bitmaps é mais complexa, mas esses artigos também introduzem essas técnicas.
Caminhos e linhas de SkiaSharp
Um caminho gráfico é uma série de linhas e curvas retas conectadas. Os caminhos podem ser traçados, preenchidos ou ambos. Este artigo abrange muitos aspectos do desenho de linhas, incluindo extremidades de traço e junções, e linhas tracejadas e pontilhadas, mas para aquém das geometrias de curva.
Transformações de SkiaSharp
As transformações permitem que objetos gráficos sejam traduzidos uniformemente, dimensionados, girados ou distorcidos. Este artigo também mostra como você pode usar uma matriz de transformação padrão 3 por 3 para criar transformações não afins e aplicar transformações a caminhos.
Curvas e caminhos de SkiaSharp
A exploração de caminhos continua com a adição de curvas a objetos de caminho e exploração de outros recursos de caminho avançados. Você verá como especificar um caminho inteiro em uma cadeia de caracteres de texto concisa, como usar efeitos de caminho e como investigar os internos do caminho.
Bitmaps do SkiaSharp
Bitmaps são matrizes retangulares de bits correspondentes aos pixels de um dispositivo de exibição. Esta série de artigos mostra como carregar, salvar, exibir, criar, desenhar, animar e acessar os bits de bitmaps skiaSharp.
Efeitos skiaSharp
Efeitos são propriedades que alteram a exibição normal de elementos gráficos, incluindo gradientes lineares e circulares, blocos de bitmap, modos de combinação, desfoque e outros.