解决 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 输入方式设计成这样,应该还是有它的道理的。所以,说服测试同学能接受这种方式才是最好的解决方案。😂

相关推荐
与火星的孩子对话12 小时前
Unity进阶课程【六】Android、ios、Pad 终端设备打包局域网IP调试、USB调试、性能检测、控制台打印日志等、C#
android·unity·ios·c#·ip
恋猫de小郭1 天前
Flutter Widget Preview 功能已合并到 master,提前在体验毛坯的预览支持
android·flutter·ios
点金石游戏出海2 天前
每周资讯 | Krafton斥资750亿日元收购日本动画公司ADK;《崩坏:星穹铁道》新版本首日登顶iOS畅销榜
游戏·ios·业界资讯·apple·崩坏星穹铁道
旷世奇才李先生2 天前
Swift 安装使用教程
开发语言·ios·swift
90后的晨仔2 天前
Xcode16报错: SDK does not contain 'libarclite' at the path '/Applicati
ios
finger244802 天前
谈一谈iOS线程管理
ios·objective-c
Digitally2 天前
如何将大型视频文件从 iPhone 传输到 PC
ios·iphone
梅名智2 天前
IOS 蓝牙连接
macos·ios·cocoa
美狐美颜sdk2 天前
跨平台直播美颜SDK集成实录:Android/iOS如何适配贴纸功能
android·人工智能·ios·架构·音视频·美颜sdk·第三方美颜sdk
恋猫de小郭2 天前
Meta 宣布加入 Kotlin 基金会,将为 Kotlin 和 Android 生态提供全新支持
android·开发语言·ios·kotlin