查看: 259|回复: 0

[IOS开发教程] 详解iOS11关于导航栏问题

发表于 2017-11-11 10:38:51
太阳http代理AD

前言

iOS11导航栏除了新加入了largeTitles和searchController两个新特性,可能是加入largeTitles的原因其结构较iOS 10发生了些变化。

iOS11之前导航栏的navigationBarButton则直接添加在navigationBar上面

在iOS11之后,苹果添加了新的类来管理,可以看到titleView直接加在_UINavigationBarContentView上,UIBarButtonItem则添加在_UIButtonBarStackView上面,而_UIButtonBarStackView则添加在_UINavigationBarContentView上面,最后添加到UINavigationBar上面,如下图所示:

由于结构的变化,在iOS 11中我们自定义设置leftBarButtonItem,其点击区域变得很小,让人点的很焦灼,如下图绿色区域所示:


具体代码如下,设置的frame在这里并没有什么卵用,点击区域依然只有图片原本的size那么大:

  1. UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 60, 40)];
  2. [btn setImage:imageWhite forState:UIControlStateNormal];
  3. [btn addTarget:self action:@selector(bpBack) forControlEvents:UIControlEventTouchUpInside];
  4. btn.backgroundColor = [UIColor greenColor];
  5. UIBarButtonItem *leftItem = [[UIBarButtonItem alloc] initWithCustomView:btn];
  6. leftItem.width = 60;
  7. self.navigationItem.leftBarButtonItem = leftItem;
复制代码

为了能增加点击区域,我们就需要增加button的size,然后就想到通过改变ContentEdgeInsets来增大button的size,

  1. ...
  2. ...
  3. btn.backgroundColor = [UIColor greenColor];
  4. if (@available(iOS 11.0,*)) {
  5. [btn setContentMode:UIViewContentModeScaleToFill];
  6. [btn setContentEdgeInsets:UIEdgeInsetsMake(0, 5, 5, 20)];
  7. }
  8. UIBarButtonItem *leftItem = [[UIBarButtonItem alloc] initWithCustomView:btn];
  9. ...
  10. ...
复制代码

另:searchBar设置为titleview,会导致navigation的高度发生异常(ps:push到下一个界面,下个界面的view距离navigation出现了一段黑色区域)需要处理下:

  1. CGRect frame = CGRectMake(0, 0, 150, 44);
  2. UISearchBar *search = [[UISearchBar alloc] initWithFrame:frame];
  3. search.placeholder = @"搜索";
  4. search.delegate = self;
  5. UITextField *searchField=[search valueForKey:@"_searchField"];
  6. searchField.backgroundColor = [UIColor groupTableViewBackgroundColor];
  7. // --- iOS 11异常处理
  8. if(@available(iOS 11.0, *)) {
  9. [[search.heightAnchor constraintEqualToConstant:44] setActive:YES];
  10. }
  11. self.navigationItem.titleView = search;
复制代码

详细资料参考:
https://stackoverflow.com/questi ... -in-uinavigationbar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持程序员之家。



太阳http代理AD
回复

使用道具 举报