如何修复UITextField在iOS10文字下沉问题

2018-5-17重点补充
在我在本身的项目中尝试用下面的解决方案的时候，发现项目真的是“中毒太深”。在项目中添加扩展以后，发现有的UITextField文字能够垂直居中了，有的却仍是不能。真是一脸懵逼啊！！！通过逐行对比代码发现如下重要规律：

当UITextField的clipsToBounds = YES或者 layer.masksToBounds = YES的时候，即便加上我下面的扩展也是无法解决问题的，文字仍是没法垂直居中。亲测，不将这两个属性设置为YES的同时，添加该扩展能够解决问题。

当UITextField的clipsToBounds = YES或者 layer.masksToBounds = YES的时候输入文字超长时文字不会超过文本框的范围。而设置为NO的话，输入超长文本的时候的效果如微信和淘宝的搜索框，输入过程当中会有个超出文本框范围的动画，不过这个效果比文本不垂直居中的效果更容易让人接受。

---

最近发现UITextField在iOS 10下输入中文的过程当中，文字显示会“掉下去”或者“文字下沉”，也不知道该怎么描述了（就是UITextField文字没有垂直居中），正好个人手机仍是iOS 10的系统，一图胜千言，下面上效果：

咱们看到，简书APP、美团APP和优酷APP都有这种问题，除此以外还有不少APP有这种状况就不一一列举了，固然还有咱们本身的APP😂。

经测试，iOS9和iOS 11没有这种问题，再加上网上搜了一下基本肯定是iOS 10的bug，但奇怪的是iPhone自带的APP里面的UITextField居然没有这种问题，苹果爸爸可真是坑得一逼啊🙄。

先让咱们看看究竟是什么在捣鬼，先经过Debug View Hierarchy来看下UITextField在输入状态下，视图层级是怎么样的：

经过上图咱们能够看到UITextField在输入状态下，上面有一个UIFieldEditor视图，它是一个UIScrollView的子类。（这里补充一下，UITextField在未输入状态时也就是键盘收起时它上面有一个UITextFieldLabel用来展现内容。在输入状态时它上面会有一个UIFieldEditor视图，能够左右滚动。）咱们还看到这个UIFieldEditor的_UIFiedEditorContentView在垂直方向上和UITextField发生了一点点错位，问题就出在这里。

咱们来看下不一样系统下，这个UIFieldEditor的差别在哪里：

//iOS9 中文
<UIFieldEditor: 0x7f853e85e800; frame = (0 0; 253 28); 
text = '撒开发和科技啊话费卡很舒服大方仍是咖啡和卡卡发货啊...'; 
clipsToBounds = YES; 
opaque = NO; 
gestureRecognizers = <NSArray: 0x7f853dd90af0>;
layer = <CALayer: 0x7f853dd728e0>; 
contentOffset: {7902, 0}; 
contentSize: {8155, 28}>

//iOS 11 中文
<UIFieldEditor: 0x7fad4b024a00; frame = (0 0; 253 28); 
text = '法卡身份卡上开发开始发售克服恐惧啊身份卡身份卡是否...'; 
opaque = NO; 
gestureRecognizers = <NSArray: 0x60000024be20>; 
layer = <CALayer: 0x600000032c00>; 
contentOffset: {6840, 0}; 
contentSize: {7101, 36.5}; 
adjustedContentInset: {0, 0, 0, 0}>

//iOS 10 全英文
<UIFieldEditor: 0x7fd641001600; frame = (0 0; 280 28); 
text = 'Ghghdghdhddgdgdgdgdgfdgfd...'; 
clipsToBounds = YES; 
opaque = NO; 
gestureRecognizers = <NSArray: 0x600000056f20>; 
layer = <CALayer: 0x60000002ac40>; 
contentOffset: {1404.5, 0}; 
contentSize: {1686, 28}>

//iOS 10 中文
<UIFieldEditor: 0x7feebe834a00; frame = (28 0; 225 28); 
text = '啥开始分开哈萨克仍是个哈时光撒个哈是个好撒个撒个很...'; 
opaque = NO; 
gestureRecognizers = <NSArray: 0x60000005ac70>; 
layer = <CALayer: 0x600000029ae0>; 
contentOffset: {620, -3}; 
contentSize: {846, 28}>

注意观察contentOffset属性，在iOS 9和iOS 11以及iOS 10输入全英文字符时contentOffset.y = 0，而在iOS 10输入全中文时contentOffset.y = -3，是否是有种日了狗的感受？

到此，问题的根源算是找到了，那怎么比较合理地解决这个bug呢？若是你曾经遇到过这个问题而且在网络上搜索过解决方案，你或许会搜索下面的解决方案：

//重写UITextField，而后重写如下方法：
- (CGRect)textRectForBounds:(CGRect)bounds {
    return CGRectInset(bounds, 2, 1);
}

- (CGRect)editingRectForBounds:(CGRect)bounds {
    return CGRectInset(bounds, 2, 1);
}

这种方式可能会让文字下沉效果不是那么明显，可是这些数字从哪来的呢，没有任何理论和数据支撑啊，就这样粗糙的解决不免会留下坑。并且提到UITextField的bug，咱们确定会想到UISearchBar吧？咱们看下UISearchBar的效果：

一样的问题啊！毕竟UISearchBar上面放着一个UITextField，并且若是咱们用到UISearchDisplayController或者UISearchController，那咱们是否是也要挨个改一遍呢？

显然这种方式是不可取的，这时候咱们就须要利用runtime了。咱们只须要利用runtime交换掉UITextField的layoutSubViews方法，在交换后的方法里面经过遍历子视图拿到这个UIFieldEditor，而后强行把它的contentOffset.y改为0就能够了。由于咱们发如今iOS9和iOS 11以及iOS 10输入全英文字符状态下它显示正常时就是contentOffset.y = 0，这是有理论和数据支撑的。而后，考虑到这个问题是针对iOS 10系统下的，避免对其余系统或者新系统（好比系统哪天升级到iOS 12，系统对UITextField进行了重构）形成潜在影响，咱们能够保守一点，只针对iOS 10系统时交换方法。

代码以下：

//
//  UITextField+Fix.m
//  
//
//  Created by 简书Code_Ninja
//  Copyright https://github.com/lqcjdx
//

#import "UITextField+Fix.h"
#import <objc/runtime.h>

@implementation UITextField (Fix)
void swizzleMethod(Class class,SEL originalSelector,SEL swizzledSelector){
    Method originalMethod = class_getInstanceMethod(class, originalSelector);
    Method swizzledMethod = class_getInstanceMethod(class, swizzledSelector);
    BOOL didAddMethod = class_addMethod(class, originalSelector, method_getImplementation(swizzledMethod), method_getTypeEncoding(swizzledMethod));
    if(didAddMethod){
        class_replaceMethod(class, swizzledSelector, method_getImplementation(originalMethod), method_getTypeEncoding(originalMethod));
    }else{
        method_exchangeImplementations(originalMethod, swizzledMethod);
    }
}

+ (void)load
{
    CGFloat systemVersion = [[UIDevice currentDevice].systemVersion floatValue];
    if(systemVersion >= 10.0 && systemVersion < 11.0){
        static dispatch_once_t onceToken;
        dispatch_once(&onceToken, ^{
            Class class = [self class];
            swizzleMethod(class, @selector(layoutSubviews), @selector(yl_layoutSubviews));
        });
    }
}

- (void)yl_layoutSubviews
{
    [self yl_layoutSubviews];
    for(UIScrollView *view in self.subviews){
        if([view isKindOfClass:[UIScrollView class]]){
            CGPoint offset = view.contentOffset;
            if(offset.y != 0) {
                offset.y = 0;
                view.contentOffset = offset;
            }
            break;
        }
    }
}

@end

这样的好处是很是方便，无需修改已有代码，只需在项目中新建一个UITextField分类就能够一键修复UITextField、UISearchBar、UISearchDisplayController、UISearchController的输入中文时文字下沉的问题。

修改后的效果：

好了，就写到这里了，看完记得去你的项目中看看在iOS 10系统下有没有这个问题哦。若是你有其余解决方案欢迎留言。