ios - 如何实现用于短信验证码的 UITextField 布局/设计？

Question

我正在尝试为短信验证码实现以下功能。我将如何实现它？在查看了 Github 中的一堆库后，没有一个库与这种在业界广泛使用的设计足够相似。

我尝试用六个文本字段来实现它，但发现了很多问题，因为有很多工作要做，除了第一个文本字段之外的所有文本字段都被阻塞以进行初始输入，firstResponder 的缓慢移动等等，是什么让我想知道如果有 6 个文本字段确实是最好的方法。

将边界四舍五入是小菜一碟。困难的部分是功能(即光标平滑移动、来回移动、输入错误时使所有光标都变红等)

大家怎么看？我怎样才能实现这样的行为/功能？

Answer 1

尝试下面的代码。 (目前它包含4个UITextField，根据您的需要更改它。)

extension ConfirmationCodeViewController: UITextFieldDelegate {

    func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
        if !(string == "") {
            textField.text = string
            if textField == txtFirst {
                txtSecond.becomeFirstResponder()
            }
            else if textField == txtSecond {
                txtThird.becomeFirstResponder()
            }
            else if textField == txtThird {
                txtForth.becomeFirstResponder()
            }
            else {
                textField.resignFirstResponder()
            }
            return false
        }
        return true
    }

    func textFieldShouldBeginEditing(_ textField: UITextField) -> Bool {
        if (textField.text?.count ?? 0) > 0 {

        }
        return true
    }
}