A text input view for entering pin code.
- something...
SurfaceView is used to detect a user gesture. ItemView is Appearance. You can customize ItemView.
private class ContainerItemView<T: UIView & ItemType>: UIView {
var itemView: T
private let surfaceView: UIView = .init()
private var didTapHandler: (() -> ())?
}To create your customize ItemView, you create a view conforming to ItemType.
public protocol ItemType {
var text: Character? { get set }
var isHiddenCursor: Bool { get set }
func set(appearance: Appearance)
}About to set appearance.
public struct Appearance { }
pinCodeInputView.set(appearance: )import PinCodeInputView// initialize
let pinCodeInputView: PinCodeInputView<ItemView> = .init(
digit: 6,
itemSpacing: 8,
itemFactory: {
return ItemView()
})
view.addSubview(pinCodeInputView)
// set appearance
pinCodeInputView.set(
appearance: .init(
itemSize: .init(width: 44, height: 68),
font: .systemFont(ofSize: 28, weight: .bold),
textColor: .white,
backgroundColor: .darkGray,
cursorColor: .blue,
cornerRadius: 8
)
)
// text handling
pinCodeInputView.set(changeTextHandler: { text in
print(text)
})final class CustomItemView: UIView, ItemType {
var text: Character?
var isHiddenCursor: Bool
func set(appearance: Appearance) {}
// ...
}
let pinCodeInputView: PinCodeInputView<CustomItemView> = .init(
digit: 6,
itemSpacing: 8,
itemFactory: {
return CustomItemView()
})For Installing with Carthage, and add it to your Cartfile.
github "shima11/PinCodeInputView"
$ carthage update
For installing with CocoaPods, and add it to your Podfile.
pod "PinCodeInputView"
$ pod update
Licence MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent