解决iOS验证码显示在左边问题

 更新时间:2022年03月15日 15:13:30   作者:翀鹰精灵  
这篇文章主要介绍了iOS验证码显示在左边问题,本文给大家分享解决思路通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

项目中有个短信验证码功能,测出来有个验证码靠左的bug,如下图所示:

看到问题首先度娘,结果只发现如下两条回答。https://tieba.baidu.com/p/7254829838

实际上并没有什么用,这个时候就在想是不是封装的这个输入框有问题,解决思路如下:

1. 首先用系统的UITextField输入框替换项目中封装的输入框,替换代码如下所示:[核心代码];

-(UITextField *)verifyV {
    if (!_verifyV) {
        _verifyV = [[UITextField alloc]init];
        _verifyV.backgroundColor = [UIColor cyanColor];
        _verifyV.placeholder = "请输入验证码";
        _verifyV.delegate = self;
        _verifyV.textContentType = UITextContentTypeOneTimeCode;
        _verifyV.keyboardType = UIKeyboardTypeASCIICapableNumberPad;
    }
    return  _verifyV;
}

运行之后,效果如下动图所示:

替换为项目的输入框之后,发现依旧有偏左的问题,此时基本可以验证我们封装的输入框没有太大问题,应该还是输入框的某些属性造成的,于是对写的这backgroundColorplaceholderdelegatetextContentTypekeyboardType这五个属性进行逐步排查,首先排除了backgroundColorplaceholderdelegatetextContentType四个属性,发现有无均存在问题,那么此时可以断定问题肯定存在**keyboardType**属性上面了。

2.排查**keyboardType**属性

扎一看**keyboardType**属性也没有什么问题,那么我换个枚举值试试吧,此时我把属性

_verifyV.keyboardType = UIKeyboardTypeASCIICapableNumberPad;

换成我们常用的数字键盘

_verifyV.keyboardType = UIKeyboardTypeNumberPad;

再次测试,发现居然是没有偏左的问题,那么把项目中涉及到UIKeyboardTypeASCIICapableNumberPad属性的统一替换掉,再次跑项目,发现居然是正常了。效果如下所示:

小结:

虽然问题得以解决,但是我查阅各方资料,包括官方文档,就没有说 UIKeyboardTypeASCIICapableNumberPad属性会造成验证码偏左问题,不知道是不是苹果bug,希望有看到类似的资料留言祝我解惑。

到此这篇关于iOS验证码显示在左边问题的文章就介绍到这了,更多相关iOS验证码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • iOS应用设计模式开发中对简单工厂和工厂方法模式的运用

    iOS应用设计模式开发中对简单工厂和工厂方法模式的运用

    这篇文章主要介绍了iOS应用设计模式开发中对简单工厂和工厂方法模式的运用,示例代码为传统的Objective-C,需要的朋友可以参考下
    2016-03-03
  • iOS 实现模糊搜索的功能

    iOS 实现模糊搜索的功能

    模糊搜索的实现思路是当搜索框开始编辑时对搜索框中的文本与后台给的资源相对比,包含搜索文本的展示在tableview中
    2016-12-12
  • iOS开发xconfig和script脚本使用详解

    iOS开发xconfig和script脚本使用详解

    这篇文章主要为大家介绍了iOS开发xconfig和script脚本使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • iOS简单抽屉效果的实现方法

    iOS简单抽屉效果的实现方法

    这篇文章主要为大家详细介绍了iOS简单抽屉效果的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • Flutter绘制3.4边形及多边形渐变动画实现示例

    Flutter绘制3.4边形及多边形渐变动画实现示例

    这篇文章主要为大家介绍了Flutter绘制3.4边形之多边形渐变动画实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • iOS使用Masonry时进行动画操作方法

    iOS使用Masonry时进行动画操作方法

    下面小编就为大家分享一篇iOS使用Masonry时进行动画操作方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • iOS实现步骤进度条功能实例代码

    iOS实现步骤进度条功能实例代码

    这篇文章主要给大家介绍了关于iOS实现步骤进度条功能的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-11-11
  • iOS 二维码生成及扫码详解及实例代码

    iOS 二维码生成及扫码详解及实例代码

    这篇文章主要介绍了iOS 二维码生成及扫码详解及实例代码的相关资料,需要的朋友可以参考下
    2016-12-12
  • iOS 多选删除功能附tableViewTips及单选删除

    iOS 多选删除功能附tableViewTips及单选删除

    这次分享并记录一下tableView的多选删除,并额外记录一下单选删除及tableView的设置小技巧。代码简单易懂,需要的朋友参考下吧
    2017-05-05
  • iOS实现消息推送及原理分析

    iOS实现消息推送及原理分析

    这篇文章主要为大家详细介绍了iOS实现消息推送,及针对消息推送原理进行分析,感兴趣的小伙伴们可以参考一下
    2016-08-08

最新评论