解决 UITextField 密文样式时,重新输入会清空的情况

最近在写代码时发现了一个奇怪的问题,需求是实现一个密文输入的输入框。这个很简单,直接将 UITextFieldisSecureTextEntry 属性设置为 true 即可。但测试同事在测试过程中发现一个问题,就是当密码输入框进行二次编辑的时候,会将上一次输入的内容清空。

比如,我第一次在密码输入框输入 1234,当我点击别的输入框,然后再切回密码输入框进行输入的时候,iOS 系统会将上一次的 1234 直接清空,只显示最新输入的文本。

尝试一:clearsOnBeginEditing

修改这个 bug 的时候,我想起了 UITextField 应该是有个属性可以控制是否在开始编辑的时候清空数据的,上网查了一下,确实有一个属性:clearsOnBeginEditing 。当时很开心,以为修改一下这个属性的值就可以解决这个问题了。结果修改完一运行傻眼了,并没有任何卵用。又上网查了一下才知道:当 UITextFieldisSecureTextEntry 属性为 true 的时候,clearsOnBeginEditing 这个属性是不起作用的,所以将其设置为 false 也是无效的。

尝试二:textField(_:shouldChangeCharactersIn:replacementString:)

既然上面的方式解决不了,那就只能借助 UITextField 的代理方法来进行控制了。方法实现也很简单,就是获取当前 textField 的文本内容,当触发代理方法的时候将保存的文本与输入的文本进行拼接,然后再将合成的文本赋值给 textField 即可。

代码实现:

ini 复制代码
- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string {
    NSString *updatedString = [textField.text stringByReplacingCharactersInRange:range withString:string];
    textField.text = updatedString;
    return NO;
}

修改完之后,运行试了一下。文本的内容显示确实正常了,但还是有两个问题:

  • 当光标选中文本中间位置输入时,输入完光标会自动跳到文本末尾,而不是保持在正确的位置
  • 当文本编辑时,不会触发 UIControlEventEditingChanged

最终解决方案

还是在 UITextField 的代理方法里面解决上面发现的两个问题:

ini 复制代码
- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string
{
    //设置文本
    NSString *updatedString = [textField.text stringByReplacingCharactersInRange:range withString:string];
    textField.text = updatedString;
    //将光标设置到正确的位置
    NSRange selectedRange = NSMakeRange(range.location + string.length, 0);
    UITextPosition* from = [textField positionFromPosition:textField.beginningOfDocument offset:selectedRange.location];
    UITextPosition* to = [textField positionFromPosition:from offset:selectedRange.length];
    textField.selectedTextRange = [textField textRangeFromPosition:from toPosition:to];
    //触发 UIControlEventEditingChanged
    [textField sendActionsForControlEvents:UIControlEventEditingChanged];
    return NO;
}

这就是最终的解决方案了。当然了,Apple 官方既然将密文形式的 UITextField 输入方式设计成这样,应该还是有它的道理的。所以,说服测试同学能接受这种方式才是最好的解决方案。😂

相关推荐
腾讯云qcloud07551 小时前
腾讯位置商业授权iOS 轨迹SDK
macos·ios·cocoa
2501_916007471 小时前
没有 Mac,如何在 Windows 上架 iOS 应用?一套可落地的工程方案
android·macos·ios·小程序·uni-app·iphone·webview
2501_915106322 小时前
uni-app 上架 iOS 的完整实践,从跨端开发到稳定提交的工程路径
android·ios·小程序·uni-app·cocoa·iphone·webview
2501_916007473 小时前
HTTPS工作原理与重要性:全面安全指南
网络协议·安全·ios·小程序·https·uni-app·iphone
函数的彼端20 小时前
iOS Model Generator - 让 JSON 转模型变得简单高效
ios·json·cocoa
2501_9159184120 小时前
HTTPS 端口深度解析,443 并不是唯一入口,理解 TLS 流量行为与抓包策略
网络协议·http·ios·小程序·https·uni-app·iphone
2501_9160088920 小时前
iOS 开发者工具全景图,构建从编码、调试到性能诊断的多层级工程化工具体系
android·ios·小程序·https·uni-app·iphone·webview
ElenaYu21 小时前
在 macOS 上安装 iOS Simulator(iPhone 模拟器)
macos·ios·iphone
Digitally1 天前
如何在没有电脑的情况下备份 iPhone
ios·电脑·iphone
儿歌八万首1 天前
Flutter 混合开发指南:项目打包与原生 Android/iOS 集成
android·flutter·ios