CodeInputView

This view allows you to easily add code input to your application.

You can:

Customise appearance of basic fields that are given out-of-the-box
Add your own field and just pass it to IACodeInputView

Specify any number of fields and moreover add them in run-time

How to install

Drag files in Classes folder to your project

How to use

The main class is IACodeInputView. It's generic class and you can specify what field you want to use by passing its class as generic parameter. There are two out-of-the-box field types: label based and dot field.

Label based field example

In viewDidLoad:

LabelBasedInputField.configuration?.initialAppearanceBlock = { field in // Customising initial appearance of field
        field.textAlignment = .center
        field.backgroundColor = .white
        field.textColor = .black
        field.font = UIFont.systemFont(ofSize: 17.0, weight: .bold)
        }
        
LabelBasedInputField.configuration?.onLayoutAppearanceBlock = { field in // Appearance when will layout
        field.layer.cornerRadius = field.bounds.height / 2
        field.layer.masksToBounds = true
        field.layer.borderWidth = 1.0
        field.layer.borderColor = UIColor.black.cgColor
        }
        
let codeView = IACodeInputView<LabelBasedInputField>()
codeView.numberOfFields = 10
codeView.frame = CGRect(x: 0.0, y: 200.0, width: 375.0, height: 100.0)
view.addSubview(codeView)
codeView.becomeFirstResponder()
        
codeView.onCodeDidEnter = { code in
        print(code)
        codeView.clear()
}

Dot field example

DotInputField.configuration.dotSize = 20.0
DotInputField.configuration.fillColor = .black
DotInputField.configuration.emptyColor = .clear
DotInputField.configuration.strokeColor = .black
        
let codeView = IACodeInputView<DotInputField>()
codeView.numberOfFields = 10
codeView.frame = CGRect(x: 0.0, y: 200.0, width: 375.0, height: 100.0)
view.addSubview(codeView)
codeView.becomeFirstResponder()
        
codeView.onCodeDidEnter = { code in
        print(code)
        codeView.clear()
}

Custom field