项目中有个短信验证码功能,测出来有个验证码靠左的bug,如下图所示:
![](https://i-blog.csdnimg.cn/blog_migrate/b7a37edd652b4acbe2efbe518aa0e6b1.png)
看到问题首先度娘,结果只发现如下两条回答。https://tieba.baidu.com/p/7254829838https://bbs.hupu.com/38043101.html
实际上并没有什么用,这个时候就在想是不是封装的这个输入框有问题,解决思路如下:
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;
}
运行之后,效果如下动图所示:
![](https://i-blog.csdnimg.cn/blog_migrate/acb7d746beccc0ee3874bff24c4e9d0f.gif)
替换为项目的输入框之后,发现依旧有偏左的问题,此时基本可以验证我们封装的输入框没有太大问题,应该还是输入框的某些属性造成的,于是对写的这backgroundColor
,placeholder
,delegate
,textContentType
,keyboardType
这五个属性进行逐步排查,首先排除了backgroundColor
,placeholder
,delegate
,textContentType
四个属性,发现有无均存在问题,那么此时可以断定问题肯定存在keyboardType
属性上面了。
2.排查keyboardType
属性
扎一看keyboardType
属性也没有什么问题,那么我换个枚举值试试吧,此时我把属性
_verifyV.keyboardType = UIKeyboardTypeASCIICapableNumberPad;
换成我们常用的数字键盘
_verifyV.keyboardType = UIKeyboardTypeNumberPad;
再次测试,发现居然是没有偏左的问题,那么把项目中涉及到UIKeyboardTypeASCIICapableNumberPad
属性的统一替换掉,再次跑项目,发现居然是正常了。效果如下所示:
![](https://i-blog.csdnimg.cn/blog_migrate/516ccf5e1fbc84491fd15fc23eee6fa1.gif)
小结:
![](https://i-blog.csdnimg.cn/blog_migrate/1cdafaea0857f480cf4a2a6b60bea657.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ccc834261d365cfb6f407361a7e87888.png)
虽然问题得以解决,但是我查阅各方资料,包括官方文档,就没有说 UIKeyboardTypeASCIICapableNumberPad
属性会造成验证码偏左问题,不知道是不是苹果bug,希望有看到类似的资料留言祝我解惑。