UI, Xamarin

Working with signatures in Xamarin Forms

We all have gone through the experience of someone asking for our signature or while working on a project that demands or requires somehow a signature… So.. I was thinking about how can I do this in Xamarin Forms and I found it!💪 Let’s See!


What about this Xamarin.Controls.SignaturePad.Forms?

With this plugin you can create , save (In Jpeg, Jpg and Png formats) and re-create by means of points a signature we’ve wrote in the past. This plugin, beside of Xamarin Forms Application , is available for native applications.

First of all.. What do I need?

  • Add from NuGet Package the plugin: Xamarin.Controls.SignaturePad.Forms:


Let’s Start!

You must add the following namespace on your xaml page:

After this, you have to add the tag that I show you bellow for the signature control:

This is the result:


Attributes of the SignaturePadView control:

✔   X:Name:                    Set the name of the control.

Visual attributes:

Here an example:


Saving the signature image

You must use using SignaturePad.Forms;


Getting the points required to build the signature and load it on the screen

This format is important if you want to recreate a signature on your screen. You can get the signature by an array of points. You can access it as follows:

And.. How can I load it…?


Good luck with your implementation! 😎

Spanish post:

https://medium.com/@reyes.leomaris/agregando-firmas-en-xamarin-forms-7b34dafe9e7f

References:

https://github.com/xamarin/SignaturePad

Tagged , , , ,

2 thoughts on “Working with signatures in Xamarin Forms

Leave a Reply

Your email address will not be published. Required fields are marked *