Gráficos skiaSharp en Xamarin.Forms

Download Sample Descargar el ejemplo

Usar SkiaSharp para gráficos 2D en las Xamarin.Forms aplicaciones

SkiaSharp es un sistema de gráficos 2D para .NET y C# con tecnología del motor gráfico skia de código abierto que se usa ampliamente en productos de Google. Puede usar SkiaSharp en las Xamarin.Forms aplicaciones para dibujar gráficos vectoriales 2D, mapas de bits y texto.

En esta guía se supone que está familiarizado con la Xamarin.Forms programación.

Preliminares de SkiaSharp

SkiaSharp para Xamarin.Forms se empaqueta como un paquete NuGet. Después de crear una Xamarin.Forms solución en Visual Studio o Visual Studio para Mac, puede usar el administrador de paquetes NuGet para buscar el paquete SkiaSharp.Views.Forms y agregarlo a la solución. Si comprueba la sección Referencias de cada proyecto después de agregar SkiaSharp, puede ver que se han agregado varias bibliotecas de SkiaSharp a cada uno de los proyectos de la solución.

Si la Xamarin.Forms aplicación tiene como destino iOS, edite su archivo Info.plist para cambiar el destino de implementación mínimo a iOS 8.0.

En cualquier página de C# que use SkiaSharp, querrá incluir una using directiva para el espacio de nombres, que abarca todas las clases, estructuras y enumeraciones de SkiaSharp que usará en la SkiaSharp programación de gráficos. También querrá una using directiva para el SkiaSharp.Views.Forms espacio de nombres para las clases específicas de Xamarin.Forms. Se trata de un espacio de nombres mucho más pequeño, y la clase más importante es SKCanvasView. Esta clase se deriva de la clase y hospeda la Xamarin.FormsView salida de gráficos skiaSharp.

Importante

El SkiaSharp.Views.Forms espacio de nombres también contiene una SKGLView clase que deriva de View pero usa OpenGL para representar gráficos. Para simplificar, esta guía se restringe a SKCanvasView, pero el uso SKGLView en su lugar es bastante similar.

Conceptos básicos de dibujo de SkiaSharp

Algunas de las figuras gráficas más sencillas que puedes dibujar con SkiaSharp son círculos, ovales y rectángulos. Al mostrar estas figuras, obtendrá información sobre las coordenadas, los tamaños y los colores de SkiaSharp. La presentación de texto y mapas de bits es más compleja, pero estos artículos también presentan esas técnicas.

Trazados y líneas de SkiaSharp

Un trazado gráfico es una serie de líneas rectas y curvas conectadas. Las rutas de acceso se pueden trazar, rellenar o ambas. En este artículo se incluyen muchos aspectos del dibujo de líneas, incluidos los extremos y combinaciones de trazos, y las líneas discontinuas y punteadas, pero se detiene un poco de geometrías de curva.

Transformaciones de SkiaSharp

Las transformaciones permiten traducir, escalar, girar o sesgar uniformemente objetos gráficos. En este artículo también se muestra cómo puede usar una matriz de transformación estándar de 3 a 3 para crear transformaciones que no son afín y aplicar transformaciones a rutas de acceso.

Trazados y curvas de SkiaSharp

La exploración de rutas de acceso continúa agregando curvas a objetos path y aprovechando otras características de ruta de acceso eficaces. Verá cómo puede especificar una ruta de acceso completa en una cadena de texto concisa, cómo usar efectos de ruta de acceso y cómo profundizar en los elementos internos de la ruta de acceso.

Mapas de bits de SkiaSharp

Los mapas de bits son matrices rectangulares de bits correspondientes a los píxeles de un dispositivo de visualización. En esta serie de artículos se muestra cómo cargar, guardar, mostrar, crear, dibujar, animar y acceder a los bits de los mapas de bits de SkiaSharp.

Efectos skiaSharp

Los efectos son propiedades que modifican la presentación normal de gráficos, incluidos degradados lineales y circulares, mosaicos de mapa de bits, modos de mezcla, desenfoque y otros.