Signature Pad

Signature Pad makes capturing, saving, exporting, and displaying signatures extremely simple on Xamarin.iOS, Xamarin.Android and Windows.

Not only is Signature Pad available for native apps, but also available in Xamarin.Forms apps.

Using Signature Pad

Prebuilt versions of Signature Pad are available at the Xamarin Component Store and on NuGet.org.

Using Signature Pad on iOS

using SignaturePad;

var signature = new SignaturePadView (View.Frame) {
	StrokeWidth = 3f,
	StrokeColor = UIColor.Black,
	BackgroundColor = UIColor.White,
};

Using Signature Pad on Android

using SignaturePad;

var signature = new SignaturePadView (this) {
	StrokeWidth = 3f,
	StrokeColor = Color.White,
	BackgroundColor = Color.Black
};

Using Signature Pad on Windows

<phone:PhoneApplicationPage 
	xmlns:component="clr-namespace:Xamarin.Controls;assembly=SignaturePad">

	<component:SignaturePad 
		Name="signature"
		StrokeWidth="3" 
		StrokeColor="White" 
		BackgroundColor="Black" />

</phone:PhoneApplicationPage>

Obtaining a Signature Image

The signature that was drawn on the canvas can be obtained as a image using the GetImage(...) method overloads. The resulting image will be in the native platform image type:

// iOS
UIImage image = signature.GetImage ();

// Android
Bitmap image = signature.GetImage ();

// Windows
WriteableBitmap bitmap = signatureView.GetImage ();

Obtaining the Signature Points

In addition to retrieving the signature as an image, the signature can also be retrieved as as an array of points. Each line is separated with a { 0, 0 } point:

// iOS
CGPoint[] points = signature.Points;

// Android
PointF[] points = signature.Points;

// Windows
Point[] points = signature.Points;

These points can be used to save and restore a signature:

// save points
var points = signature.Points

// restore points
signature.LoadPoints (points);

Customization

You can change some of the positioning, colors, fonts and the background image of the Signature Pad using a few properties:

StrokeColor Sets the color of the signature input.
StrokeWidth Sets the width of the signature input.
BackgroundColor Sets the color for the whole signature pad.
SignatureLine The view that is used to render the horizontal line.
SignatureLineColor The color of the horizontal line.
SignaturePrompt The text label containing the symbol or text that represents the prompt (Default "X").
SignaturePromptText The text that represents the prompt (Default "X").
Caption The text label that goes under the horizontal line.
CaptionText The text that goes under the horizontal line.
ClearLabel The view that when clicked clears the pad.
ClearLabelText The text that represents the clear label.
BackgroundImageView An optional image rendered below the input strokes that can be used as a texture, logo or watermark.

License

The license for this repository is specified in LICENSE.

.NET Foundation

This project is part of the .NET Foundation.

zhanghao813207/SignaturePad