DigitInputView
Installation
DigitInputView is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod "DigitInputView"Alternatively, you can simply copy DigitInputView/Classes/DigitInputView.swift into your project.
Usage
You can customize the look and feel of the view according to the following code snippet.
digitInput = DigitInputView()
digitInput.numberOfDigits = 6
digitInput.bottomBorderColor = .purple
digitInput.nextDigitBottomBorderColor = .red
digitInput.textColor = .purple
digitInput.acceptableCharacters = "0123456789"
digitInput.keyboardType = .decimalPad
digitInput.font = UIFont.monospacedDigitSystemFont(ofSize: 10, weight: 1)
digitInput.animationType = .spring
digitInput.keyboardAppearance = .dark
Options
numberOfDigits
The number of digits (characters) to show
Type: Int
Default: 4
bottomBorderColor
The color of the line under digits
Type: UIColor
Default: UIColor.lightGray
nextDigitBottomBorderColor
The color of the line under the digit that the user is about to input
Type: UIColor
Default: UIColor.gray
textColor
The color of the text
Type: UIColor
Default: UIColor.black
acceptableCharacters
If set, only the characters in this string are accepted. Anything else will be ignored.
Type: String?
Default: nil
keyboardType
The type of the keyboard to show to the user.
Type: UIKeyboardType
Default: UIKeyboardType.default
Values:
public enum UIKeyboardType : Int {
case `default` // Default type for the current input method.
case asciiCapable // Displays a keyboard which can enter ASCII characters
case numbersAndPunctuation // Numbers and assorted punctuation.
case URL // A type optimized for URL entry (shows . / .com prominently).
case numberPad // A number pad with locale-appropriate digits (0-9, ۰-۹, ०-९, etc.). Suitable for PIN entry.
case phonePad // A phone pad (1-9, *, 0, #, with letters under the numbers).
case namePhonePad // A type optimized for entering a person's name or phone number.
case emailAddress // A type optimized for multiple email address entry (shows space @ . prominently).
@available(iOS 4.1, *)
case decimalPad // A number pad with a decimal point.
@available(iOS 5.0, *)
case twitter // A type optimized for twitter text entry (easy access to @ #)
@available(iOS 7.0, *)
case webSearch // A default keyboard type with URL-oriented addition (shows space . prominently).
@available(iOS 10.0, *)
case asciiCapableNumberPad // A number pad (0-9) that will always be ASCII digits.
public static var alphabet: UIKeyboardType { get } // Deprecated
}
animationType
The type of animation to use when showing a new digit (on being entered by the user)
Type: DigitInputViewAnimationType
Default: .spring
Values:
public enum DigitInputViewAnimationType: Int {
case none, dissolve, spring
}
font
The font to be used with labels.
Type: UIFont?
Default: nil (Default System Font)
keyboardAppearance
Option to choose the keyboard's appearance. Possible values are:
default: This value is mapped to light
dark: Choose a dark keyboard
light: Choose a light keyboard
alert: An appearance appropriate for alert dialogs
Example
To run the example project, clone the repo, and run pod install from the Example directory first.
Author
mnvoh, [email protected]
License
DigitInputView is available under the MIT license. See the LICENSE file for more info.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent