Thursday February 28th, 2019

Xamarin Forms Signature Pad

By Ebubekir Sezer

In some cases we may want to take sign from user, in this kind of cases in xamarin forms we can solve this problem with adding nuget package.

To have signature pad we have to install a nuget package which name is Xamarin.Controls.SignaturePad.Forms.

After the adding nuget packages we just have to add an address of the signature pad and use this pad in our main page. To add a address we should write this code;

xmlns:mysign="clr-namespace:SignaturePad.Forms;assembly=SignaturePad.Forms"

After the adding this xmlns, we can access the signature pad view in our page. I add signature pad view to my main page with the below codes, you can customize the pad view with your demand.

 <mysign:SignaturePadView StrokeColor="Black"
                                   x:Name="mySignView"
                                   StrokeWidth="3"
                                   BackgroundColor="White"
                                   VerticalOptions="FillAndExpand"
                                   HorizontalOptions="FillAndExpand"
                                   WidthRequest="360"
                                   HeightRequest="360"/>

We will have screen with like below. You can ask your questions via comments or e-mail.