Download as PDF, PPTX
![Getting started with SkiaSharp for Xamarin.Forms [DEMO]
Graphics programming techniques [DEMO]
Final touches [DEMO]
Resources
Q&A](https://image.slidesharecdn.com/3-170608203513/85/SkiaSharp-Graphics-for-Xamarin-Forms-13-320.jpg)
Uploaded byXamarin
SkiaSharp Graphics for Xamarin.Forms
The document discusses the integration of SkiaSharp in Xamarin.Forms for graphics programming across various devices and platforms. It includes guidance on using SkiaSharp for creating vector graphics and outlines drawing methods like circles, rectangles, and paths, along with gradient and bitmap effects. Additionally, it offers links to resources, demos, and training options available through Xamarin University.
More Related Content
Similar to SkiaSharp Graphics for Xamarin.Forms
SkiaSharp Graphics for Xamarin.Forms
- 2.
- 3. Our work andpersonal data is in the cloud
- 4. We have multipledevices and use whichever is best for each task
- 5. We use devicesin all aspects of our lives
- 6. We expect ourdata to be available on every device we use
- 7.
- 9. Visual Studio for Windowsor Mac .NET Library.NET Languages
- 10. iOS C# UI Shared C#business logic Android C# UI Windows C# UI Shared C# UI Shared C# business logic Xamarin.Android and Xamarin.iOS Separate UIs per platform Xamarin.Forms Shared UI definition
- 13. Getting started withSkiaSharp for Xamarin.Forms [DEMO] Graphics programming techniques [DEMO] Final touches [DEMO] Resources Q&A
- 14.
- 15. Getting started withSkiaSharp
- 16. Skia Graphics Engineacquired by Google in 2005 Open source C++ Used in Google Chrome, Mozilla Firefox, and Android Immediate-mode 2D vector graphics system
- 17. Xamarin’s implementation ofSkia C# and .NET API Bindings for Windows Forms, WPF, UWP, iOS, tvOS, Mac, Android, and Xamarin.Forms github.com/mono/SkiaSharp NuGet: search “SkiaSharp”
- 18. SKCanvasView and SKGLView Derivefrom Xamarin.Forms View class PaintSurface event Info property: Size of surface area Surface property: SKSurface SKCanvas InvalidateSurface method Can draw to bitmap or SVG file
- 19. Demo Getting started withSkiaSharp for Xamarin.Forms
- 20.
- 21. Drawing Methods DrawCircle, DrawRect,DrawLine, DrawText, DrawBitmap DrawPath (the only one you really need) Transforms Translate Scale RotateDegrees and RotateRadians Clipping
- 22. Style: Stroke, Fill,or both Color: SKColor value StrokeWidth StrokeCap: Butt, Square, or Round StrokeJoin: Miter, Bevel, or Round Shader: gradients or bitmap tiling
- 23. Demo Back to VisualStudio…
- 24. Multiple contours, openedor closed MoveTo and LineTo ArcTo: Three kinds of arc definitions CubicTo and QuadTo: Bézier curves ConicTo SVG path data in and out
- 25. Demo Back to VisualStudio…
- 26.
- 27.
- 28. CreateDash Create1DPath: Dashed withother path Create2DPath: Stroked with array of other path CreateDiscrete: Jitter effect
- 29. Demo Visual Studio: thefinal return
- 30. aka.ms/buy-xamarin-university Start your freeXamarin University trial. Learn to build better mobile apps.
- 31. Starting at $83.25/month Use existingAzure subscription Flexible billing options
- 32. Documentation developer.xamarin.com/api/root/SkiaSharp developer.xamarin.com/guides/xamarin-forms/advanced/skiasharp Demo Code aka.ms/cat-clock-demo aka.ms/skia-sharp-samples Xamarin UniversityPresents Webinar Series aka.ms/xam-u-webinars aka.ms/xam-u-webinar-recordings
- 33.
- 34.
- 35. © Copyright MicrosoftCorporation. All rights reserved.