Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/felipebaltazar/SkiaSharp.Forms.Xaml

Xaml extensions for SkiaSharp
https://github.com/felipebaltazar/SkiaSharp.Forms.Xaml

hacktoberfest hacktoberfest2020 skia skiasharp xamarin xamarin-android xamarin-forms xamarin-ios xamarin-library xamarin-plugin xamarinforms xaml xaml-extensions xaml-layout

Last synced: 3 months ago
JSON representation

Xaml extensions for SkiaSharp

Host: GitHub
URL: https://github.com/felipebaltazar/SkiaSharp.Forms.Xaml
Owner: felipebaltazar
License: mit
Created: 2020-05-02T02:38:19.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2021-03-19T02:24:44.000Z (over 3 years ago)
Last Synced: 2024-05-13T00:41:16.798Z (6 months ago)
Topics: hacktoberfest, hacktoberfest2020, skia, skiasharp, xamarin, xamarin-android, xamarin-forms, xamarin-ios, xamarin-library, xamarin-plugin, xamarinforms, xaml, xaml-extensions, xaml-layout
Language: C#
Homepage:
Size: 556 KB
Stars: 21
Watchers: 2
Forks: 3
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

awesome-xamarin-forms - SkiaSharp.Forms.Xaml ★19

README

        # SkiaSharp.Forms.Xaml

 Xaml extensions for SkiaSharp

 

 ![Build and publish packages](https://github.com/felipebaltazar/SkiaSharp.Forms.Xaml/workflows/Build%20and%20publish%20packages/badge.svg?branch=master)

## Examples

![example](https://user-images.githubusercontent.com/19656249/80853300-19dfa100-8c06-11ea-9b58-e6948367f0e5.gif)

## Getting started

- Install the SkiaSharp.Forms.Xaml package

 ```

 Install-PackageSkiaSharp.Forms.Xaml -Version 1.1.0-pre

 ```

- Add SkiaSharp and xaml extensions namespace to your Xaml page/view

```xaml

        xmlns:skia="clr-namespace:SkiaSharp.Views.Forms;assembly=SkiaSharp.Views.Forms"

        xmlns:skiaXaml="clr-namespace:SkiaSharp.Forms.Xaml;assembly=SkiaSharp.Forms.Xaml"

```

- Insert your SKCanvasView

```xml

    

    

```

- Create a renderer

```xml

        

        

            

            

        

    

```

- Insert your draws

```xml

    

        

            

                

                

                        

                

            

        

    

```

## Draw Support

| Draw            | Xaml Support |

| --------------- | ------------ |

| `Rectangle`     |      ✅     |

| `Circle`        |      ✅     |

| `Text`          |      ✅     |

| `Path`          |      ✅     |