IOS-搜索功能实现, UIsearchController的使用
开发中,搜索功能使用的频率自然不言而喻, 本文主要讲一些常用的
1.先创建一个搜索框(比较简单的一个搜索框, 系统自带的)
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
self.view.backgroundColor = [UIColor whiteColor];
UISearchBar *myBar = [[UISearchBar alloc] init];
myBar.frame = CGRectMake(0 , 65, self.view.frame.size.width, 30);
[self.view addSubview:myBar];
// 显示cancel
myBar.showsCancelButton = YES;
}
myBar.backgroundImage=[UIImage resizedImage:@"searchbar_background"];
但是在IOS7之后看不出效果,我们可以给UIimage条件延展,
@implementation UIImage (Extension)
// 根据图片名自动加载适配IOS6和iOS7的图片
+ (UIImage *)imageWithName:(NSString *)name
{
UIImage *image = nil;
if (iOS7) { // 处理iOS7的情况
NSString *newName = [name stringByAppendingString:@"_os7"];
image = [UIImage imageNamed:newName];
}
if (image == nil) {
image = [UIImage imageNamed:name];
}
return image;
}
// 根据图片名返回一张能自由拉伸的图片
+ (UIImage *)resizedImage:(NSString *)name
{
UIImage *image = [UIImage imageWithName:name];
return [image stretchableImageWithLeftCapWidth:image.size.width * 0.5 topCapHeight:image.size.height * 0.5];
}
如果还是不满意的话就只有自己定义一个搜索栏了, 关于自己封装搜索框,这里就不作说明了
下面说一下UISearchController,在IOS8之前都是用UISearchDisplayController, 但是IOS8之后就用UISearchController, UISearchController用起来很方便, 它本身就带有searchBar, 而且自动会模态推到导航栏,下面看一下具体的使用,用UIsearchController实现一个搜索功能
由于这个实现功能是点击一个searchbar 之后触发另一个方法A, 方法A实现的创建UIsearchController, 因此,大家可以根据实际情况操作
首先在.h里
@interface SearchViewController : UIViewController<UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout, UISearchBarDelegate, UITableViewDataSource, UITableViewDelegate>
// searchCollectionView
@property (nonatomic, retain) UICollectionView *searchCollectionView;
// mySearchController
@property (nonatomic, retain) UISearchController *mySearchController;
// 搜索按钮
@property (nonatomic, retain) UIButton *searchButton;
// 存放所有数据的数组
@property (nonatomic, retain) NSMutableArray *allDataArray;
// 存放搜索出结果的数组
@property (nonatomic, retain) NSMutableArray *searchResultDataArray;
// 搜索控制器
@property (nonatomic, retain) UISearchController *searchController;
// 搜索使用的表示图控制器
@property (nonatomic, retain) UITableViewController *searchTVC;
// searchBar
@property (nonatomic, retain) UISearchBar *bar;
// 搜索框输入的东西
@property (nonatomic, copy) NSString *inputText;
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
self.view.backgroundColor = [UIColor brownColor];
// 创建searchBar
self.bar=[[UISearchBar alloc]init];
self.navigationItem.title = @"搜索漫画";
//设置bar的frame
self.bar.frame=CGRectMake(0, 65, 300, 35);
[self.view addSubview:self.bar];
self.bar.placeholder = @"漫画名/作者/类型";
// 设置键盘类型
self.bar.keyboardType = UIKeyboardTypeNamePhonePad;
// searchBar 代理,记得签协议
self.bar.delegate = self;
}
2. 触发方法,创建searchController
// searchBar的代理方法,当searchBar的textField开始编辑的时候调用,包含空
- (void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar
{
// 创建出搜索使用的表示图控制器
self.searchTVC = [[UITableViewController alloc] initWithStyle:UITableViewStylePlain];
_searchTVC.tableView.dataSource = self;
_searchTVC.tableView.delegate = self;
// 使用表示图控制器创建出搜索控制器
self.searchController = [[UISearchController alloc] initWithSearchResultsController:_searchTVC];
// 搜索框检测代理
//（这个需要遵守的协议是
_searchController.searchResultsUpdater = self;
_searchController.delegate = self;
_searchController.searchBar.placeholder = @"漫画名/作者/类型";
// _searchController.searchBar.delegate = self;
[self presentViewController:_searchController animated:YES completion:^{
// 当模态推出这个searchController的时候,需要把之前的searchBar隐藏,如果希望搜索的时候看不到热门搜索什么的,可以把这个页面给隐藏
self.bar.hidden = YES;
self.view.hidden = YES;
}];
}
#pragma mark - UISearchResultsUpdating Method
#pragma mark 监听者搜索框中的值的变化
- (void)updateSearchResultsForSearchController:(UISearchController *)searchController
{
// 1. 获取输入的值
self.inputText = searchController.searchBar.text;
[self afn1];
}
// afnq请求数据(搜索数据)
-(void)afn1
{
AFNetworkReachabilityManager *netWorkManager = [AFNetworkReachabilityManager sharedManager];
NSLog(@"%d", netWorkManager.isReachable);
NSString *url_string = [NSString stringWithFormat:@"http://pappappap", self.inputText];
NSString *url = [url_string stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
NSLog(@"nnnnnn%@", url);
AFHTTPRequestOperationManager *manager = [AFHTTPRequestOperationManager manager];
manager.responseSerializer.acceptableContentTypes = [NSSet setWithObject:@"text/html"];
[manager GET:url parameters:nil success:^(AFHTTPRequestOperation *operation, id responseObject) {
[netWorkManager stopMonitoring];
NSLog(@"kkk object = %@", responseObject);
NSMutableDictionary *dic = [NSMutableDictionary dictionary];
dic = responseObject;
self.searchResultDataArray = [NSMutableArray array];
NSMutableDictionary *dic1 = [dic objectForKey:@"info"];
NSMutableDictionary *dic2 = [dic1 objectForKey:@"data"];
NSMutableArray *array = [dic2 objectForKey:@"items"];
for (NSMutableDictionary *dic in array) {
Comicslist *comics = [[Comicslist alloc] init];
comics.bigbook_id = [NSString stringWithFormat:@"%@", [dic objectForKey:@"id"]];
comics.bigbook_name = [dic objectForKey:@"name"];
comics.bigbook_author = [dic objectForKey:@"author"];
comics.coverurl = [dic objectForKey:@"coverurl"];
// NSString *key = [dic objectForKey:@"key_name"];
// comics.key_name = [NSString stringWithFormat:@"%@%@",comics.bigbook_name, comics.bigbook_author];
[self.searchResultDataArray addObject:comics];
}
[_searchTVC.tableView reloadData];
} failure:^(AFHTTPRequestOperation *operation, NSError *error) {
NSLog(@"失败 %@", error);
}];
}
// 设置搜索tableView section个数
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
return 1;
}
// 设置搜索tableView cell个数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
if (_searchResultDataArray.count == 0) {
NSLog(@"33333");
return 1;
}
return _searchResultDataArray.count;
}
// 设置搜索tableView的cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *cellIdentifier = @"indenfy";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier];
}
if (self.searchResultDataArray.count != 0) {
Comicslist *comics = [self.searchResultDataArray objectAtIndex:indexPath.row];
cell.textLabel.text = comics.bigbook_name;
NSString *str = comics.coverurl;
NSURL *url = [NSURL URLWithString:str];
UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:url]];
cell.imageView.image = image;
}else{
cell.textLabel.text = @"没有查找的内容";
cell.imageView.image = nil;
}
return cell;
}
// 设置cell高度
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return 100;
}
6. 设置搜索tableView 点击进入搜索结果
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
// 跳转操作
}
7.细节处理
(1)当搜索页面消失的时候,让原先的搜索bar和View显示
-(void)didDismissSearchController:(UISearchController *)searchController{
self.bar.hidden = NO;
self.view.hidden = NO;
}
- (void)viewWillAppear:(BOOL)animated
{
self.view.hidden = NO;
}
(3) 取消按钮触发方法, 点击取消后,self.bar和self.view显示出来
-(void)searchBarCancelButtonClicked:(UISearchBar *)searchBar
{
self.bar.hidden = NO;
self.view.hidden = NO;
}
哈哈,激动人心的时刻,看一下运行的结果:
1.进入搜索界面
