iOS应用中UISearchDisplayController搜索效果的用法

 更新时间:2016年02月18日 09:13:57   作者:颐和园  
这篇文章主要介绍了iOS应用中UISearchDisplayController搜索效果的用法,包括点击搜索出现黑条问题的解决方法,代码基于传统的Objective-C,需要的朋友可以参考下

新建Navigation-based Project。打开.xib文件,拖一个Search Bar and Search DisplayController 对象到Table View对象上方,如下图所示,选中File's Owner ,打开Connections面板:

201621891219772.jpg (750×420)

现在我们来创建Search Bar和SearchDisplay Controller的出口。打开Assistant Editor,按住ctrl键,将SearchDisplay Controller拖到ViewController 的头文件中。创建一个名为searchDisplayController的出口,然后点Connect。

201621891243378.jpg (750×410)

同样的方法为Search Bar创建连接。现在ViewController的头文件看起来像这样:

复制代码 代码如下:

#import <UIKit/UIKit.h>

@interface RootViewController : UITableViewController {   

UISearchDisplayController *searchDisplayController;     UISearchDisplayController *searchBar;   

NSArray *allItems;   

NSArray *searchResults;

@property (nonatomic, retain) IBOutlet UISearchDisplayController *searchDisplayController;

@property (nonatomic, retain) IBOutlet UISearchDisplayController *searchBar;

@property (nonatomic, copy) NSArray *allItems;

@property (nonatomic, copy) NSArray *searchResults; 

@end


你可能注意到,我初始化了两个NSArray。一个用于作为数据源,一个用于保存查找结果。在本文中,我使用字符串数组作为数据源。继续编辑.m文件前,别忘了synthesize相关属性:

  • @synthesize searchDisplayController;
  • @synthesize searchBar;
  • @synthesize allItems;
  • @synthesize searchResults;

在viewDidLoad 方法中,我们构造了我们的字符串数组:

复制代码 代码如下:

- (void)viewDidLoad {

     [super viewDidLoad]; 

     // [self.tableView reloadData];

     self.tableView.scrollEnabled = YES;

      NSArray *items = [[NSArray alloc] initWithObjects:                       @"Code Geass",                       @"Asura Cryin'",                       @"Voltes V",                       @"Mazinger Z",                       @"Daimos",                       nil]; 

     self.allItems = items;

     [items release]; 

     [self.tableView reloadData];

}


在Table View的返回TableView行数的方法中,我们先判断当前Table View是否是searchDisplayController的查找结果表格还是数据源本来的表格,然后返回对应的行数:
复制代码 代码如下:

- (NSInteger)tableView:(UITableView *)tableView   numberOfRowsInSection:(NSInteger)section { 

  NSInteger rows = 0;   

  if ([tableView           isEqual:self.searchDisplayController.searchResultsTableView]){     

    rows = [self.searchResults count];

 }else{    

    rows = [self.allItems count];   

 }   

  return rows;

}


在tableView:cellForRowAtIndexPath:方法里,我们需要做同样的事:
复制代码 代码如下:

// Customize the appearance of table view cells.

- (UITableViewCell *)tableView:(UITableView *)tableView           cellForRowAtIndexPath:(NSIndexPath *)indexPath {

   static NSString *CellIdentifier = @"Cell";  

   UITableViewCell *cell = [tableView                               dequeueReusableCellWithIdentifier:CellIdentifier];

   if (cell == nil) { 

      cell = [[[UITableViewCell alloc]                   initWithStyle:UITableViewCellStyleDefault                   reuseIdentifier:CellIdentifier] autorelease];   

      cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

   }  

   /* Configure the cell. */

   if ([tableView isEqual:self.searchDisplayController.searchResultsTableView]){   

    cell.textLabel.text = [self.searchResults objectAtIndex:indexPath.row];

   }else{

       cell.textLabel.text = [self.allItems objectAtIndex:indexPath.row];

   }  

   return cell;

}


现在来实现当搜索文本改变时的回调函数。这个方法使用谓词进行比较,并讲匹配结果赋给searchResults数组:
复制代码 代码如下:

- (void)filterContentForSearchText:(NSString*)searchText                               scope:(NSString*)scope {

   NSPredicate *resultPredicate = [NSPredicate                                      predicateWithFormat:@"SELF contains[cd] %@",                                     searchText];  

   self.searchResults = [self.allItems filteredArrayUsingPredicate:resultPredicate];

}


接下来是UISearchDisplayController的委托方法,负责响应搜索事件:
复制代码 代码如下:

#pragma mark - UISearchDisplayController delegate methods

-(BOOL)searchDisplayController:(UISearchDisplayController *)controller  shouldReloadTableForSearchString:(NSString *)searchString {

   [self filterContentForSearchText:searchString                                 scope:[[self.searchDisplayController.searchBar scopeButtonTitles]                                       objectAtIndex:[self.searchDisplayController.searchBar                                                      selectedScopeButtonIndex]]]; 

   return YES;

- (BOOL)searchDisplayController:(UISearchDisplayController *)controller  shouldReloadTableForSearchScope:(NSInteger)searchOption {

   [self filterContentForSearchText:[self.searchDisplayController.searchBar text]                                 scope:[[self.searchDisplayController.searchBar scopeButtonTitles]                                       objectAtIndex:searchOption]]; 

   return YES;

}


运行工程,当你在搜索栏中点击及输入文本时,如下图所示:

201621891348854.jpg (750×716)


UISearchDisplayController 点击搜索出现黑条问题解决方案
如果点击按钮启动 presentViewController 的时候出现下图效果:

201621891407773.gif (640×774)

比如说我这里现在代码式这样写的:

复制代码 代码如下:

AddFriendViewController *addFriendVC = [[AddFriendViewController alloc] init]; 
   UINavigationController *nav =[[UINavigationController alloc] initWithRootViewController:addFriendVC]; 
   [self presentViewController:nav animated:YES completion:nil]; 
   [addFriendVC release]; 
   [nav release]; 

发现问题所在 UINavigationController 的背景颜色是黑色的;
 
为了解决TableView点击搜索出现的黑条:

代码:

复制代码 代码如下:

AddFriendViewController *addFriendVC = [[AddFriendViewController alloc] init]; 
    UINavigationController *nav =[[UINavigationController alloc] initWithRootViewController:addFriendVC]; 
    [nav.view setBackgroundColor:UIColorFromRGB(0xC6C6CB)]; 
    [self presentViewController:nav animated:YES completion:nil]; 
    [addFriendVC release]; 
    [nav release]; 

改变了Nav的背景色:
复制代码 代码如下:

[nav.view setBackgroundColor:UIColorFromRGB(0xC6C6CB)];

效果:

201621891433964.gif (642×554)

相关文章

  • iOS定时器的选择CADisplayLink NSTimer和GCD使用

    iOS定时器的选择CADisplayLink NSTimer和GCD使用

    这篇文章主要为大家介绍了iOS定时器的选择CADisplayLink NSTimer和GCD使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • iOS 防键盘遮挡的实例

    iOS 防键盘遮挡的实例

    下面小编就为大家分享一篇iOS 防键盘遮挡的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • iOS中WKWebView白屏问题的分析与解决

    iOS中WKWebView白屏问题的分析与解决

    最近在工作中遇到了WKWebView白屏的问题,所以这篇文章主要给大家介绍了关于iOS中WKWebView白屏问题的分析与解决方法,文中通过示例代码介绍的非常详细,对同样遇到这个问题的朋友具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-10-10
  • iOS UIScrollView和控制器返回手势冲突解决方法

    iOS UIScrollView和控制器返回手势冲突解决方法

    这篇文章主要介绍了iOS UIScrollView和控制器返回手势冲突解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-02-02
  • iOS多线程应用开发中使用NSOperation类的基本方法

    iOS多线程应用开发中使用NSOperation类的基本方法

    这篇文章主要介绍了iOS多线程应用开发中使用NSOperation类的基本方法,代码基于传统的Objective-C,需要的朋友可以参考下
    2015-11-11
  • iOS去除图片背景颜色的方法

    iOS去除图片背景颜色的方法

    本篇文章给大家分享一下iOS去除图片中指定范围内颜色的三种方式,需要的朋友参考学习下吧。
    2017-12-12
  • iOS实现无感知上拉加载更多功能的思路与方法

    iOS实现无感知上拉加载更多功能的思路与方法

    下拉刷新和上拉加载更多功能是一个应用非常广泛的一个效果,最新项目中就遇到这个功能,这篇文章主要给大家介绍了关于iOS实现无感知上拉加载更多功能的思路与方法,需要的朋友可以参考下
    2021-07-07
  • iOS页面跳转及数据传递(三种)

    iOS页面跳转及数据传递(三种)

    本文主要介绍了iOS页面跳转的三种方法及数据传递的方法。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • IOS App图标和启动画面尺寸详细介绍

    IOS App图标和启动画面尺寸详细介绍

    这篇文章主要介绍了IOS App图标和启动画面尺寸详细介绍的相关资料,需要的朋友可以参考下
    2017-02-02
  • iOS中gif图的显示方法示例

    iOS中gif图的显示方法示例

    这篇文章主要给大家介绍了关于iOS中gif图的示的相关资料,文中通过示例代码介绍的非常详细,对各位iOS开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06

最新评论