iOS11返回按钮和导航栏右按钮的完美适配

iOS11更新后，用Xcode9跑一下自己的项目，发现返回按钮不灵敏了，点击10次只有3-4次点中。这是因为iOS11系统在导航栏里面的布局和控件都变化了，导致图片按钮（UIBarButtonItem中仅放图片的item的简称）的很小，几乎点不到，文字按钮（UIBarButtonItem中仅放文字的item简称）还可以点到。

我试图用runtime去获取系统的返回item的子视图去重新布局，结果都是私有API，获取不到；然而之前加弹簧解决方法在iOS11上也是行不通的。

 UIBarButtonItem *fixedSpace = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];

所以我用了下面的自己想出来的解决方案。

下面我来说一下我自己的完美解决方案。需要添加的代码少于60行，改动的文件为一个。

第一、首先看一下我的项目添加返回按钮的位置
我是在BaseNavigationController里面push的时刻，获取被push的VC，然后给VC添加的返回按钮。整体代码如下

-(void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated{    if (self.viewControllers.count>0) {        viewController.hidesBottomBarWhenPushed = YES;        BaseViewController *vc = (BaseViewController *)viewController;        if (vc.isHideBackItem == YES) {            vc.navigationItem.hidesBackButton = YES;        }else{            vc.navigationItem.leftBarButtonItem = [UIBarButtonItem itemWithIcon:[vc backIconName]?[vc backIconName]:@"arrows_top" highIcon:@"" target:self action:@selector(back:)];        }        if ([viewController isKindOfClass:[NSClassFromString(@"LoginViewController") class]]) {            for (UIViewController *aVC in self.viewControllers) {                if ([aVC isKindOfClass:[NSClassFromString(@"LoginViewController") class]]) {                    [self popToViewController:aVC animated:YES];                    return;                }            }        }    }else{    }    [super pushViewController:viewController animated:animated];}

为了方便，我提取出来最关键的代码来解释

    vc.navigationItem.leftBarButtonItem = [UIBarButtonItem itemWithIcon:[vc backIconName]?[vc backIconName]:@"arrows_top" highIcon:@"" target:self action:@selector(back:)];

UIBarButtonItem的itemWithIcon:highIcon:方法是我对UIBarButtonItem的category的方法，下面看UIBarButtonItem的category方法声明，这里主要声明了两个初始化方法，分别针对有图片和文字的，其中文字的无bug，暂时不适配，不需要讲解。

    @interface UIBarButtonItem (addition)    + (UIBarButtonItem *)itemWithTitle:(NSString *)title target:(id)target action:(SEL)action;    + (UIBarButtonItem *)itemWithIcon:(NSString *)icon highIcon:(NSString *)highIcon target:(id)target action:(SEL)action;    @end

前面讲的是我的项目结构，后面要讲的是思路和代码解决方案

思路：自定义一个BackView继承UIView，把需要的字控件返回按钮UIButton放到这个自定义的BackView中，最后把BackView传递给UIBarButtonItem的customView，这样无理是iOS几都是完美适配了。不需要重新自定义导航栏，自定义返回按钮等等。我们依然用系统的UIBarButtonItem，并且改动的代码量很小的情况下解决。

代码：（这部分可以直接copy到自己项目中）

UIBarButtonItem+addition.h中的代码

#import <UIKit/UIKit.h>@interface BackView:UIView@property(nonatomic,strong)UIButton *btn;@end@interface UIBarButtonItem (addition)+ (UIBarButtonItem *)itemWithTitle:(NSString *)title target:(id)target action:(SEL)action;+ (UIBarButtonItem *)itemWithIcon:(NSString *)icon highIcon:(NSString *)highIcon target:(id)target action:(SEL)action;@endUIBarButtonItem+addition.m中的代码@implementation BackView- (instancetype)initWithFrame:(CGRect)frame{    self = [super initWithFrame:frame];    if (self) {        self.backgroundColor = [UIColor clearColor];    }    return self;}-(void)layoutSubviews{    [super layoutSubviews];    UINavigationBar *navBar = nil;    UIView *aView = self.superview;    while (aView) {        if ([aView isKindOfClass:[UINavigationBar class]]) {            navBar = (UINavigationBar *)aView;            break;        }        aView = aView.superview;    }    UINavigationItem * navItem =   (UINavigationItem *)navBar.items.lastObject;    UIBarButtonItem *leftItem = navItem.leftBarButtonItem;    UIBarButtonItem *rightItem = navItem.rightBarButtonItem;    if (rightItem) {//右边按钮        BackView *backView = rightItem.customView;        if ([backView isKindOfClass:self.class]) {            backView.btn.x = backView.width -backView.btn.width;        }    }    if (leftItem) {//左边按钮//        BackView *backView = leftItem.customView;    }}@end#import "UIBarButtonItem+addition.h"@implementation UIBarButtonItem (addition)+ (UIBarButtonItem *)itemWithIcon:(NSString *)icon highIcon:(NSString *)highIcon target:(id)target action:(SEL)action {    BackView *customView = [[BackView alloc] initWithFrame:CGRectMake(0, 0, 80, 44)];    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:target action:action];    [customView addGestureRecognizer:tap];    customView.btn = [UIButton buttonWithType:UIButtonTypeCustom];    customView.btn.titleLabel.font = [UIFont systemFontOfSize:16.0];    if (icon) {        [customView.btn setBackgroundImage:[UIImage imageNamed:icon] forState:UIControlStateNormal];    }    if (highIcon) {        [customView.btn setBackgroundImage:[UIImage imageNamed:highIcon] forState:UIControlStateHighlighted];    }    customView.btn.frame = CGRectMake(0, 0, customView.btn.currentBackgroundImage.size.width, customView.btn.currentBackgroundImage.size.height);    customView.btn.centerY = customView.centerY;    [customView.btn addTarget:target action:action forControlEvents:UIControlEventTouchUpInside];    [customView addSubview:customView.btn];    return  [[UIBarButtonItem alloc] initWithCustomView:customView];}+ (UIBarButtonItem *)itemWithTitle:(NSString *)title target:(id)target action:(SEL)action {    UIButton *btn = [[UIButton alloc] init];    [btn setTitle:title forState:UIControlStateNormal];    btn.titleLabel.font = [UIFont systemFontOfSize:16.0];    [btn setTitleColor:[UIColor lightGrayColor] forState:UIControlStateDisabled];    [btn setTitleColor:kTintColor forState:UIControlStateNormal];    [btn setTitleColor:kTintColor forState:UIControlStateHighlighted];    [btn addTarget:target action:action forControlEvents:UIControlEventTouchUpInside];    btn.titleEdgeInsets = UIEdgeInsetsMake(0, 0, 0, -15);    btn.frame = CGRectMake(0, 0, title.length * 18, 30);    return  [[UIBarButtonItem alloc] initWithCustomView:btn];}@end

这里再解释一下，不然有人迷糊，会说为什么改了这么多代码，还说改动的代码量很小。

这个分类iOS11适配之前就有的，只是这个方法+ (UIBarButtonItem )itemWithIcon:(NSString )icon highIcon:(NSString *)highIcon target:(id)target action:(SEL)action 里面初始化的为UIButton而不是现在的BackView.

iOS11后我的改动为：在当前文件（因为只有UIBarButtonItem的分类使用这个BackView，所以没必要新建文件，这也省不少事情）新建一个BackView类，BackView类的总代码量很少，声明里面为3行

@interface BackView:UIView@property(nonatomic,strong)UIButton *btn;@end

实现文件里面有34行代码，加一起不到40行

@implementation BackView- (instancetype)initWithFrame:(CGRect)frame{    self = [super initWithFrame:frame];    if (self) {        self.backgroundColor = [UIColor clearColor];    }    return self;}-(void)layoutSubviews{    [super layoutSubviews];    UINavigationBar *navBar = nil;    UIView *aView = self.superview;    while (aView) {        if ([aView isKindOfClass:[UINavigationBar class]]) {            navBar = (UINavigationBar *)aView;            break;        }        aView = aView.superview;    }    UINavigationItem * navItem =   (UINavigationItem *)navBar.items.lastObject;    UIBarButtonItem *leftItem = navItem.leftBarButtonItem;    UIBarButtonItem *rightItem = navItem.rightBarButtonItem;    if (rightItem) {//右边按钮        BackView *backView = rightItem.customView;        if ([backView isKindOfClass:self.class]) {            backView.btn.x = backView.width -backView.btn.width;        }    }    if (leftItem) {//左边按钮//        BackView *backView = leftItem.customView;    }}@end

最后改动的就是把分类方法中的UIButton换为BackView中防止UIButton，这样就很巧妙的解决了iOS11返回按钮的问题，如果是BackView在右边有图片按钮，那么可能导致图标的位置很靠左边，所以我在layoutSubviews里面已经做了适配，如果是rightItem，那么我重新布局了BackView里面子控件btn的位置。左按钮用默认的就可以，不用处理。

   if (rightItem) {//右边按钮        BackView *backView = rightItem.customView;        if ([backView isKindOfClass:self.class]) {            backView.btn.x = backView.width -backView.btn.width;        }    }    if (leftItem) {//左边按钮//        BackView *backView = leftItem.customView;    }

这里顺便提一个小常识，初始化customView的时候，就是我们的BackView的时候，frame的size给多少，看我的代码给的是(80,44);

    BackView *customView = [[BackView alloc] initWithFrame:CGRectMake(0, 0, 80, 44)];

为什么是80，44呢？因为一般的customView的宽度系统都是给的80，所以这里和系统保持一致，然后44应该大家都知道，是导航栏64-状态栏20的结果。

总结，因为是封装的项目架构，适配只需要从底层的一个类文件处理就OK，我这里处理的是UIBarButtonItem+addition分类这一个文件，仅仅动了这个一个文件。一处改动，项目所有的左右按钮都适配到了。体现了封装的好处。