SkorXam.Pin

PinView for Xamarin.Forms

Installation

Nuget: SkorXam.Pin

Usage

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage ...
             xmlns:pin="clr-namespace:SkorXam.Pin;assembly=SkorXam.Pin"
             ...>
    ...
    
    <pin:PinView VerticalOptions="FillAndExpand"
                 HorizontalOptions="Fill"
                 ButtonColor="Azure"
                 PinChanged="PinView_PinChanged"
                 PinSubmitCommand="{Binding PinSubmit}"
                 Pin="{Binding Pin}"
                 ButtonTextColor="Red"/>
</ContentPage>

Demo

Properties

 - Spacing: Spacing from dots to keyboard
 - DotSpacing: Spacing between dots
 - PinLength: ...
 - DotColor: ...
 - DotSize: ...
 - DotEmptyColor: Dot's color when unfill
 - DotBorderColor: (New)
 - PinSubmitCommand: Command raise when full fill dots
 - Pin: Pin value
 - ButtonSize: Size of buttons 1-9, clear and backspace
 - ButtonCornerRadius: Button corner radius (New)
 - ButtonColor: Color of buttons 1-9, clear and backspace
 - ButtonTextColor: TextColor of buttons 1-9
 - ClearButtonImageSource: ImageSource for Clear button (New)
 - DeleteButtonImageSource: ImageSource for Backspace button (New)
 - DotCornerRadius: Pin dot radius (New)
 - DotHasShadow: Pin dot shadow (New)
 - ButtonFontsize: Button font size (New)
 - ButtonVerticalSpacing, ButtonHorizontalSpacing (New)

Events

 - PinChanged : Raise when Pin has changed
 - PinSubmit: Raise when full fill pin

Note: If you have any issue with this package, feel free to create issue on this repository.