Code input text field

Question

Is there a native UI control for code input text field, for example like Whatsapp:

enter image description here

score 1 · Answer 1 · answered Feb 05 '14 at 13:52

1

No there isn't. Use a UITextField, fill it with dashes, keep track of how many characters the user has entered, and replace the dashes accordingly as the user types.

answered Feb 05 '14 at 13:52

Mick MacCallum

129,200
40
280
281

it looks more than that, for example there is no blue cursor – Mario Feb 05 '14 at 14:06

score 1 · Accepted Answer · answered Feb 05 '14 at 14:09

1

No. To achieve this, they're almost certainly tapping into the textField:shouldChangeCharactersInRange:replacementString: method for their UITextField, selectively accepting and formatting user input to match the dash-if-empty approach.

Further, I'm sure they've subclassed the field; per your comments there isn't a blue cursor - which isn't standard for a UITextField.

answered Feb 05 '14 at 14:09

jterry

6,209
2
30
36

any idea how to hide the cursor? – Mario Feb 05 '14 at 15:39
Maybe [this](http://stackoverflow.com/questions/3699727/hide-the-cursor-of-an-uitextfield) or [this](http://stackoverflow.com/questions/11525255/uitextview-hide-cursor-change-color-of-cursor) or [this](http://pastebin.com/Gw7dPnJc)... – jterry Feb 05 '14 at 16:20

score 1 · Answer 3 · answered Jul 20 '15 at 21:24

1

There's a 4-digit code input text field called CodeInputView written in Swift.

answered Jul 20 '15 at 21:24

ma11hew28

121,420
116
450
651

score 1 · Answer 4 · answered Apr 04 '19 at 14:52

In the past I've added a UITextField to the view and set its hidden == true. Then I show/hide the keyboard by calling becomeFirstResponder()/resignFirstResponder() on it. I listen for text did change notifications and update a visible label with the value of the hidden text field.

Code input text field

4 Answers4