iOS11 正确控制导航leftBarButtonItems的关于 leftBarButtonItems 结构分析iOS11 正确控制导航leftBarButtonItems的姿势

转自：http://www.jianshu.com/p/383cdad95a32

 iOS11 正确控制导航leftBarButtonItems的姿势       
       leftBarButtonItems 结构分析       
       层级结构                

  
我看了对比了iOS9 和iOS 11的层级结构，如下：


  

   
          iOS11 正确控制导航leftBarButtonItems的关于 leftBarButtonItems 结构分析iOS11 正确控制导航leftBarButtonItems的姿势               


   
    iOS9
   

  

  

   
          iOS11 正确控制导航leftBarButtonItems的关于 leftBarButtonItems 结构分析iOS11 正确控制导航leftBarButtonItems的姿势             


   
    iphone7 ios 11
   

  

  
可以看出，iOS11 之后NavigationBar的层级发生了较大变化。


           结论                

  
通过比较，我发现如下结论：


            默认情况下，在320、375宽度的屏幕上，第一个按钮距离屏幕左边界的宽度是16，在414第一个按钮距离屏幕左边界的宽度是20。       
       默认情况下，在320、375宽度的屏幕上，BarButtonItems之间的间距是8，在414宽度的屏幕上，BarButtonItems之间的间距是10。       
       iOS11 , 所有Items都包括在 _UIButtonBarStackView 下，控制它的X坐标即可控制左边距。       
       iOS9，所有Item都在NavigationBar下，统计并排，所以控制左边距，只需要控制第一个元素的左边距。       
     
       需求自定义距屏幕左边距                

  
我的做法很粗暴，直接去修改上面结论的坐标，步骤如下：


            自定义UINavigationBar.       
       重写(void)drawRect:(CGRect)rect;       
       调用。       
     
     @interface CustomUINavigationBar : UINavigationBar
@property (nonatomic,assign) CGFloat leftValue;
@end

@implementation CustomUINavigationBar

- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];
    
    if ([UIDevice currentDevice].systemVersion.floatValue >= 11.0) {
        for (UIView *view in self.subviews) {
            for (UIView *subView in view.subviews) {
                if ([NSStringFromClass(subView.class) isEqualToString:@"_UIButtonBarStackView"]) {
                    subView.frame = CGRectMake(self.leftValue, subView.frame.origin.y, subView.frame.size.width, subView.frame.size.height);
                }
            }
        }
    }else{
        for (int i=0; i<self.subviews.count; i++) {      
            UIView *t_view = self.subviews[i];
            if (i==0) {
                t_view.frame = CGRectMake(self.leftValue, t_view.frame.origin.y, t_view.frame.size.width, t_view.frame.size.height);
            }
        }
    }
}
@end
                   
 
注： 以上代码只适合leftBarButtonItems中只有一个元素的情况下。因为在多个元素的情况下，iOS10之前，items是平级的，直接在NavigationBar下，修改第一个元素无法修改第二个元素之后元素的坐标。
          需求多个元素情况下距左边距       
     @implementation CustomUINavigationBar

- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];
    
    if ([UIDevice currentDevice].systemVersion.floatValue >= 11.0) {
        for (UIView *view in self.subviews) {
            for (UIView *subView in view.subviews) {
                if ([NSStringFromClass(subView.class) isEqualToString:@"_UIButtonBarStackView"]) {
                    subView.frame = CGRectMake(self.leftValue, subView.frame.origin.y, subView.frame.size.width, subView.frame.size.height);
                }
            }
        }
    }else{
        for (int i=0; i<self.subviews.count; i++) {
            
            UIView *t_view = self.subviews[i];
            if (i==0) {
                t_view.frame = CGRectMake(self.leftValue, t_view.frame.origin.y, t_view.frame.size.width, t_view.frame.size.height);
            }else{
              // (1)相比前一段代码，多了如下几行。
                if (SCREEN_WIDTH == 414) {
                        t_view.frame = CGRectMake(t_view.frame.origin.x-20+self.leftValue, t_view.frame.origin.y, t_view.frame.size.width, t_view.frame.size.height);
                }else{
                        t_view.frame = CGRectMake(t_view.frame.origin.x-16+self.leftValue, t_view.frame.origin.y, t_view.frame.size.width, t_view.frame.size.height);
                }
            }
            
        }
    }
}
@end
                   
 
注：请看注释(1)。为什么要对屏幕宽度判断，请参考结论1。
          需求多个元素情况下，自定义items间的距离       
        iOS 9          iOS11 正确控制导航leftBarButtonItems的关于 leftBarButtonItems 结构分析iOS11 正确控制导航leftBarButtonItems的姿势
             ios9 层级结构       如上图所示：计算items之间的元素距离就是计算b,的x坐标位置。            
       iOS 11          iOS11 正确控制导航leftBarButtonItems的关于 leftBarButtonItems 结构分析iOS11 正确控制导航leftBarButtonItems的姿势
             iOS 11       如上图, 通过Xcode可以看出UIView(b)的宽度，坐标刚好符合 a c 之间的间隔，但是通过修改b的宽度确实无法实现修改items之间的间隔。只能通过修改 _UITAMICAdaptorView的x坐标来改边items之间的间距。       
       具体使用       
     
     //1. 使用自定义的NavigationBar
UINavigationController *nav = [[UINavigationController alloc] initWithNavigationBarClass:[CustomUINavigationBar class] toolbarClass:nil];
    ViewController *vc = [[ViewController alloc] init];
    [nav setViewControllers:@[vc]];
    self.window.rootViewController = nav;

//2. 在设置完leftItems之后设置距离左边的距离，或者items之间的间距
/*..your setting..*/
self.navigationItem.leftBarButtonItems = @[leftBar, leftBar1];
CustomUINavigationBar *navbar = (CustomUINavigationBar *)self.navigationController.navigationBar;
navbar.leftValue = 10;
[navbar setItemsSpace:0];
           
       最终代码       
     
     @interface CustomUINavigationBar : UINavigationBar
@property (nonatomic,assign) CGFloat leftValue;
- (void)setItemsSpace:(CGFloat)space;
@end

#define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
@interface CustomUINavigationBar()
@property (nonatomic, assign)CGFloat spaceBetweenItems;
@end

@implementation CustomUINavigationBar

- (instancetype)init
{
    self = [super init];
    if (self) {
        self.spaceBetweenItems = -1024;
    }
    return self;
}

- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];
    
    if ([UIDevice currentDevice].systemVersion.floatValue >= 11.0) {
        for (UIView *view in self.subviews) {
            for (UIView *subView in view.subviews) {
                if ([NSStringFromClass(subView.class) isEqualToString:@"_UIButtonBarStackView"]) {
                    
                    NSInteger count = 0;
                    for(int i= 1; i<subView.subviews.count; i++) {
                        UIView *t_subview = subView.subviews[i];
                        if ([NSStringFromClass(t_subview.class) isEqualToString:@"_UITAMICAdaptorView"] ) {
                            count ++;
                            if (SCREEN_WIDTH == 414) {
                                t_subview.frame = CGRectMake(t_subview.frame.origin.x - (10-self.spaceBetweenItems), t_subview.frame.origin.y, t_subview.frame.size.width, t_subview.frame.size.height);
                            }else{
                                t_subview.frame = CGRectMake(t_subview.frame.origin.x - (8-self.spaceBetweenItems), t_subview.frame.origin.y, t_subview.frame.size.width, t_subview.frame.size.height);
                            }
                        }
                    }
                    
                    if (SCREEN_WIDTH == 414) {
                        subView.frame = CGRectMake(self.leftValue, subView.frame.origin.y, subView.frame.size.width - (count-1)*(10 - _spaceBetweenItems), subView.frame.size.height);
                    }else{
                        subView.frame = CGRectMake(self.leftValue, subView.frame.origin.y, subView.frame.size.width - (count-1)*(8 - _spaceBetweenItems), subView.frame.size.height);
                    }
                    
                    
                }
            }
            
        }
    }else{
        for (int i=0; i<self.subviews.count; i++) {
            
            UIView *t_view = self.subviews[i];
            NSString *class = NSStringFromClass(t_view.class);
          //_UINavigationBarBackIndicatorView 通过层级结构可以看出有这个view, 在这个不做任何修改，保持系统原样。
            if ([class isEqualToString:@"_UINavigationBarBackIndicatorView"]) {
                return;
            }
            if (i==0) {
                t_view.frame = CGRectMake(self.leftValue, t_view.frame.origin.y, t_view.frame.size.width, t_view.frame.size.height);
            }else{
                if (SCREEN_WIDTH == 414) {
                        t_view.frame = CGRectMake((t_view.frame.origin.x-20+self.leftValue)-(10-self.spaceBetweenItems), t_view.frame.origin.y, t_view.frame.size.width, t_view.frame.size.height);
                }else{
                        t_view.frame = CGRectMake((t_view.frame.origin.x-16+self.leftValue) -(8-self.spaceBetweenItems), t_view.frame.origin.y, t_view.frame.size.width, t_view.frame.size.height);
                }
            }
            
        }
    }
}

-(CGFloat)spaceBetweenItems {
    if (_spaceBetweenItems == -1024) {
        if (SCREEN_WIDTH == 414) {
            return 10;
        } else {
            return 8;
        }
    }else{
        return _spaceBetweenItems;
    }
    
}
- (void)setItemsSpace:(CGFloat)space {
    self.spaceBetweenItems = space;
}
           
      拓展                 
如果你有兴趣可以继续往下考虑：
           items间距不一样如何处理？       
       能不能使用AOP实现？       
       如何进一步封装？       
               

作者：riverli
链接：http://www.jianshu.com/p/383cdad95a32
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

iOS11 正确控制导航leftBarButtonItems的关于 leftBarButtonItems 结构分析iOS11 正确控制导航leftBarButtonItems的姿势

iOS11 正确控制导航leftBarButtonItems的姿势

leftBarButtonItems 结构分析

层级结构

结论

需求自定义距屏幕左边距

需求多个元素情况下距左边距

需求多个元素情况下，自定义items间的距离

拓展

继续阅读

如何隐藏UINavigationbar下面的黑线，swift版

自定义UINavigationBar的背景图片

修改UINavigationbar背景

ios7 自定义UINavigationBar UIBarButtonItem 10px的偏移纠正 How to Edit Empty Spaces of Left, Right UIBarButtonItem in UINavigationBar in iOS 7

关于导航栏背景图要注意的一点

设置导航栏透明度

设置UINavigationBar的leftBarButtonItem和rightBarButtonItem

iOS 如何删除UINavigationBar上的UIBarButton

关于自定义导航栏的那些事儿 UINavigationController

ios7适配通知栏UINavigationBar遮挡view的问题

关于将navigationBar的背景设置成透明，并且让navigationItem展示出来

navigationcontroller导航栏透明度变化

iOS开发之UI篇（14）—— UINavigationController版本继承关系简介创建切换视图控制器UINavigationBar & UIToolBar其他方法属性返回按键

iOS 开发之 UI 结构解析，让开发更简单

iOS 实现UINavigationBar随ScrollView偏移而渐变的效果