SkorXam.Pin

PinView for Xamarin.Forms

Installation

Nuget: SkorXam.Pin.Extended

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.