UITextField设置密文延时处理---仿QQ登录密码输入

系统的UITextField输入的时候最后一个字符会有1-2s的效果展示, 效果如下:

为了解决这个问题, 可以用字符 "●" 替换, 替换后效果如下:

 

用到的是UITextField的代理方法textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool, 进行替换, 代码如下:

import UIKit

class MLSecureTextEntryTextField: UIView {
    
    var text = ""
    
    var mTextField = UITextField()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setupUI()
    }
    
    override func awakeFromNib() {
        super.awakeFromNib()
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }
    
    fileprivate func setupUI(){
        mTextField = UITextField.init(frame: self.bounds)
        mTextField.keyboardType = .default
        mTextField.font = UIFont.systemFont(ofSize: 15)
        mTextField.isSecureTextEntry = true
        mTextField.delegate = self
        addSubview(mTextField)
    }
    
    open var placeholder = "" {
        didSet{
            mTextField.placeholder = placeholder
        }
    }
    
    var font = UIFont.systemFont(ofSize: 11) {
        didSet{
            mTextField.font = font
        }
    }
    
    var textColor = UIColor.blue {
        didSet{
            mTextField.textColor = textColor
        }
    }
    
    var keyboardType = UIKeyboardType.default {
        didSet{
            mTextField.keyboardType = keyboardType
        }
    }
}


extension MLSecureTextEntryTextField: UITextFieldDelegate {
    
    func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
        
        if string.count == 0 {
            // 删除
            text.remove(at: text.index(before: text.endIndex))
        }else{
            // 添加
            text = text + string
        }
        
        var textStr = ""
        for _ in text {
            textStr = textStr + "●"
        }
        
        textField.text = textStr
        return false
    }
}

 

使用方法:

textField =   MLSecureTextEntryTextField(frame: CGRect(x: 20, y: 150, width: 200, height: 30))
textField?.placeholder = "替换后密文"
view.addSubview(textField!)
NSLog("textField值: %@", textField?.text ?? "")