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

相关推荐
早起的年轻人4 小时前
Flutter CupertinoNavigationBar iOS 风格导航栏的组件
flutter·ios
貂蝉空大7 小时前
uni-app开发安卓和ios app 真机调试
android·ios·uni-app
胖虎17 小时前
iOS 中的圆角与平滑圆角:从新特性到老项目适配
ios·圆角·平滑圆角·cornercurve
志飞7 小时前
ios UICollectionView使用自定义UICollectionViewCell
ios·collectionview·自定义cell
Neo Evolution14 小时前
Flutter与移动开发的未来:谷歌的技术愿景与实现路径
android·人工智能·学习·ios·前端框架·webview·着色器
没头脑的ht1 天前
ios App的启动过程和启动优化
ios
敲代码的鱼哇1 天前
设备唯一ID获取,支持安卓/iOS/鸿蒙Next(uni-device-id)UTS插件
android·ios·uniapp·harmonyos
江上清风山间明月2 天前
Flutter最简单的路由管理方式Navigator
android·flutter·ios·路由·页面管理·navigator
fangcaojushi2 天前
解决videojs在ios端视频无法播放的问题
ios·音视频
调皮的芋头2 天前
iOS各个证书生成细节
人工智能·ios·app·aigc