美文网首页iOSiOS工程实践ios专题
UISearchController简直就是坑

UISearchController简直就是坑

作者: 小唐羽锋 | 来源:发表于2016-09-13 17:18 被阅读21023次

项目中需要使用搜索功能,之前都是使用UISearchBar+UISearchDisplayController或者如果你需要高度定制搜索框应该用UITextField加上点击事件完成。因为想偷懒,我就使用了iOS 8.0以后推出的新类UISearchController,毕竟我们的项目只是向下适配到8.0, 为了避免以后废弃API等问题,我就直接使用了UISearchController,结果发现各种坑.


1.我先粘出在问题的截图

在我使用UISearchController的过程中,遇到了一个奇葩的问题,我的展示界面和搜索界面是同一个界面,就是下面这句代码
//创建UISearchController _searchController = [[UISearchController alloc]initWithSearchResultsController:nil];
我没有单独创建一个UITableViewContrller用来展示搜索后的数据源内容,这样点击searchBar后,UISearchBar会自动占据导航栏(其实是一个属性hidesNavigationBarDuringPresentation),置为YES,点击searchBar后会自动隐藏导航栏(如下图),我建议将此属性置为true,否则将导致UISearchBar在导航栏下下沉44的高度。出现此问题的原因下面会提到。

WechatIMG1.jpeg

我出现的问题是下面这张截图所示

问题截图

每次点击searchBar出现左上第一个界面,此时点击取消按钮,返回展示界面,但是UISearchBar会往上偏移,如右上界面所示,我是真的无语了,而且这个问题只在iOS 9.0以下出现,在9.0以上是好的。导航栏会遮挡UISearchBar,每次返回都会向上偏移20的高度。

在网上找到的解决方案有以下几种:

1.在-(UISearchController *)searchController方法里加上 self.definesPresentationContext = YES;这行代码
2.在合适的地方添加[self.searchController.searchBar sizeToFit];
3.在viewDidDisappear方法中添加self.navigationBar.translucent = NO;这行代码

方案1,设置definesPresentationContext为true,可以保证在UISearchController在激活状态下用户push到下一个view controller之后search bar不会仍留在界面上。但我之前说明了我的展示界面和搜索界面是同一个控制器。所以这个方案并没有解决我的问题。
苹果对它官方的解释是// know where you want UISearchController to be displayed
a、如果不添加上面这行代码,在设置hidesNavigationBarDuringPresentation这个属性为YES的时候,搜索框进入编辑模式会导致,searchbar不可见,偏移-64;
在设置为NO的时候,进入编辑模式输入内容会导致高度为64的白条,猜测是导航栏没有渲染出来
b、如果添加了上面这行代码,在设置hidesNavigationBarDuringPresentation这个属性为YES的时候,输入框进入编辑模式正常显示和使用;在设置为NO的时候,搜索框进入编辑模式导致向下偏移64,具体原因暂时未找到

方案2:当你没有设置searchBar的frame时,这行代码可以帮助你调整searchBar的位置。只是辅助作用,其实UISearchBar的默认高度就是44,

方案3:translucent属性的设置与否,与self.view的Frame的位置相关。当translucent设为NO时,self.view的位置,从navbar下边界开始。反之亦然。这也没有解决我的问题

2.下面是我在网上粘的可以用的示例

viewDidLoad中的代码
1.其中[self shuffledAlphabet] 是个产生三个随机字母的方法,其中该类需要遵循四个代理方法,包含UITableViewDelegate,UITableViewDataSource,UISearchControllerDelegate,UISearchResultsUpdating。因为UISearchController都是和UITableView配合使用的。
2.[self shuffledAlphabet]方法截图
方法截图
3.遵循UITableViewDataSource协议的方法
数据源

datalist是原始数据,searchList是搜索后的数据内容。

4.遵循UISearchResultsUpdating协议的方法,该方法是对搜索内容进行筛选的方法
截图 2016-09-12 11时04分44秒.jpg

图中蓝色框圈住的代码,是因为我项目中需要修改UISearchController中UISearchBar的取消按钮的颜色和文字,我使用的KVC的方式去修改的,还有遍历UISearchBar的子控件方式去修改。默认的取消按钮的文字是Cancel

5.遵循UISearchControllerDelegate协议的方法
分为五个阶段

直接使用上面的示例代码,就可以解决我出现的问题,使用上面的示例代码,一定记住要将searchController的searchBar添加到tableView的tableHeaderView,之前我是直接将searchBar添加到了self.view上,并且也没有设定它的frame.[self.view addSubview:_searchController.searchBar];

最让我郁闷的是我写了个demo测试,完全没问题,但是粘进我的项目中使用,就会出现之前的问题,经过我的部分修改终于解决了上移问题,我怀疑是Xcode犯病了,但是同时又会冒出来一个新问题,如下图

WechatIMG356.jpeg

搜索出现的结果,cell的部分会和searchBar重叠,为了解决这个问题,我在下面这两个代理方法中,加了几行代码

截图

并且一定要在- (void)updateSearchResultsForSearchController:(UISearchController *)searchController方法中加上这句代码self.edgesForExtendedLayout = UIRectEdgeNone;//不加的话,UISearchBar返回后会上移

简书里还有一篇文章介绍了这种情况,下面是链接,你可以参考下。
UISearchController浅析

总结的有点乱,有什么不懂的你可以留言问我,很久没发文了,以后会整理项目中遇到的问题。

相关文章

网友评论

  • 白牛桑:你好,我是那种点击搜索,搜索框上移了,tableview却不动,这种是怎么回事
    小唐羽锋:@白牛桑 你好,截个图,我看看
  • 123_4567_8910:navigationController.navigationBar.translucent = NO;的前提下,在iOS9的系统中。UISearchController.active=YES;也就是选中状态后,状态栏的背景就变成了透明色。iOS10正常。请问你有解决的办法吗?
    123_4567_8910:@小唐羽锋 这个回复不能回复图片呀
    小唐羽锋:@123_4567_8910 能否截图示意一下
  • 梵高的老巫婆:你好 请教一下 我们需求是UISearchController固定不能滑动的 . 设置view frame我把它加入到view上时 SearchBar 超出屏幕范围 怎么解决啊 亲 留个联系方式呗
  • 陈藩:我开始进去的时候searchBar是正常的,搜索之后点击取消,回来searchBar上移了?请问知道这个怎么搞么?
  • AgoniNemo:有没有遇到过内存泄漏的问题?
    Distance先生:@AgoniNemo 什么第三方啊
    AgoniNemo:@小唐羽锋 不是,用个第三方库检查的,已经查到原因了
    小唐羽锋:@AgoniNemo 内存泄漏? 你用静态分析器看的?
  • key3board:点击搜索出来cell push 一个控制器为什么那个searchbar 还会在 要怎么去掉
  • 大大大哈米:tableView上移20的问题,在控制器里加 self.automaticallyAdjustsScrollViewInsets = NO; 就OK了
    起床干活养老婆:搁我咋么一点反应有没有。
    self.automaticallyAdjustsScrollViewInsets = NO;
    _searchController.searchResultsUpdater = self;
    _searchController.delegate = self;
    _searchController.dimsBackgroundDuringPresentation = NO;
    _searchController.searchBar.tintColor = COLOR_THEME;
    self.definesPresentationContext = YES;
    TongRy:666,加这句后完美解决问题。
  • 布袋的世界:请问搜索转场怎么处理?类似简书APP上的

    //点击搜索按钮
    func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
    print("searching:\(self.countrySearchController.searchBar.text!)")
    // 这边会出错
    // let CVC = CViewController()
    // self.present(CVC, animated: true, completion: nil)
    }

  • 61e00efbcbbf:UISearchController只能用作tableview上才会有上移导航栏的效果?
  • Daniel_Yang:解决了
    dev_liyang:你好,请问下你的黑色遮罩怎么去掉的?
  • Daniel_Yang:有个问题跟你请教,点击搜索会有个黑色的遮罩,请问怎么去掉
    着魔的毛豆:请问解决了吗 我也遇到了
    Daniel_Yang:@小唐羽锋 点击searchbar 之后那个灰色背景有改不了了 这个空间好坑
    小唐羽锋:@Daniel_Yang 能截个图看下吗? 你的搜索是在导航栏?
  • iOSWoden:你好,请问能否改变searchbar的y值,我发现改了弹出后取消y值还是回到默认的
  • 开发仔小广:取消按钮的文字是Cancel,要是只改为中文的话,不改变颜色的话,只需要在info.plist文件里把语言Localization native development region这个选项的en改为China就行了,不用遍历了
  • 9d426ee34834:我把UISearchController 的searchBar 放在导航栏上面的 。然后创建的UITableViewContr0ller 展示 显示的数据 我设置 self.definesPresentationContext = YES;self.searchCotroller.hidesNavigationBarDuringPresentation = NO; 最后的结果都是还可以 就是 背后tableView 下移啦30 多个单位; 这个有什么解决! 还有对于样式自定义的searchBar 怎么设置这些样式! 问这么多问题 谢谢啦
    小唐羽锋:@胜哥哥 简信就可以啊,或者我QQ455525201
    9d426ee34834:@小唐羽锋 你好!怎么发截图给你 或者代码!有qq群 或者好友位
    小唐羽锋:@胜哥哥 不好意思,你有截图吗? 让我看看,或者把你的代码给我复制一下
  • 太阳和风与旅行者:首先感谢你的分享~最近也在用UISearchController写搜索界面。然后遇到了一个和你一样的问题。就是在点击搜索的时候。cell的部分和searchBar的部分会重叠。然后我按照你上面说的在UISearchController的代理方法中分别重新设置了一下tableView的frame。运行起来的效果是在点击之后,还是有重叠,然后过了一秒左右才重新调整frame。因此,整个UI界面运行很不美观。所以请教你一下~ 谢谢
    yohen:@太阳和风与旅行者 不行,我发现官方的例子,将definesPresentationContext设为NO,运行正常,不会有重叠,感觉tableView上面还是有20高度的状态栏的。我们将展示控制器的definesPresentationContext设为yes,会导致状态栏高度没了,所以cell和searchBar重叠了,请问大家解决了吗
    yohen:@小唐羽锋 不行,我发现官方的例子,将definesPresentationContext设为NO,运行正常,不会有重叠,感觉tableView上面还是有20高度的状态栏的。我们将展示控制器的definesPresentationContext设为yes,会导致状态栏高度没了,所以cell和searchBar重叠了,请问大家解决了吗 :blush:
    小唐羽锋:@太阳和风与旅行者 你试一试四楼所说的方法,然后看看window上一层有没有东西覆盖
  • KeyboardDirver:你好,他的searchbar我放在导航条中间了,点击了导航条就消失了,还有我想设置一个搜索键,应该调用哪个方法,大神求解答
  • 我把今生当成了来世: searchViewController.dimsBackgroundDuringPresentation = false
    searchViewController.hidesNavigationBarDuringPresentation = true
    searchViewController.searchBar.enablesReturnKeyAutomatically = false
    definesPresentationContext = true
    这样应该就可以
    小唐羽锋:@Crazy__ 好,我仔细看看
    我把今生当成了来世:@小唐羽锋 你点击之后 返回来了会向上偏移,是因为没有取消automaticallyAdjustsScrollViewInsets的,这样就能解决点击取消后的偏移了。
    小唐羽锋:@Crazy__ 这几个我当时试过了
  • qazws:I need a demo
    小唐羽锋:@sp5 不好意思,我没有单独弄一个Demo,我都是在项目里试的
  • qazws:有趣

本文标题:UISearchController简直就是坑

本文链接:https://www.haomeiwen.com/subject/ippeettx.html