【学习ios之路:UI系列】(UISearchBar,UISearchDisplayController) 和UISearchController(iOS8新特性)
来源:互联网 发布:jsp调用java方法 编辑:程序博客网 时间:2024/05/22 01:50
1.UISearchBar(效果如下:)
①创建UISearchBar对象
//初始化,定义frame UISearchBar *bar = [[UISearchBar alloc] initWithFrame:CGRectMake (0, 50, self.view.frame.size.width, 80)]; //添加到控制器的视图上 [self.view addSubview:bar];②UISerachBar的属性
//autocapitalizationType:包含4种类型,但是有时候键盘会屏蔽此属. //1.autocapitalizationType————自动对输入文本对象进行大小写设置. bar.autocapitalizationType = UITextAutocapitalizationTypeWords; //2.autocorrectionType————自动对输入文本对象进行纠错 bar.autocorrectionType = UITextAutocorrectionTypeYes; //3.设置title bar.prompt = @"全部联系人"; //4.设置颜色 bar.tintColor = [UIColor purpleColor];//渲染颜色 bar.barTintColor = [UIColor orangeColor];//搜索条颜色 bar.backgroundColor = [UIColor purpleColor];//背景颜色,因为毛玻璃效果(transulent). //5.translucent————指定控件是否会有透视效果 bar.translucent = YES; //6.scopeButtonTitles(范围buttonTitle) bar.scopeButtonTitles = @[@"精确搜索",@"模糊搜索"]; bar.selectedScopeButtonIndex = 1;//通过下标指定默认选择的那个选择栏 //7.控制搜索栏下部的选择栏是否显示出来(需设置为YES 才能使用scopebar) bar.showScopeBar = YES; //8.设置搜索栏右边的按钮 bar.showsSearchResultsButton = YES;//向下的箭头 bar.showsCancelButton = YES; //取消按钮 bar.showsBookmarkButton = YES; //书签按钮 //9.提示内容 bar.placeholder = @"搜索"; //10.取消键盘操作 [searchBar resignFirstResponder]; //11.设置代理 //UISearchBar不执行搜索行为,必须使用delegate,当输入搜索文本、点击button按钮后,代理的方法 会完成搜索对应的操作。 //.控件的委托,委托要遵从UISearchBarDelegate协议,默认是nil bar.delegate = self;
③代理要试实现的协议方法
1).输入编辑事件处理
– searchBar:textDidChange:– searchBar:shouldChangeTextInRange:replacementText:– searchBarShouldBeginEditing:– searchBarTextDidBeginEditing:– searchBarShouldEndEditing:– searchBarTextDidEndEditing:2).点击按钮事件处理
– searchBarBookmarkButtonClicked:– searchBarCancelButtonClicked:– searchBarSearchButtonClicked:– searchBarResultsListButtonClicked:3).点击Scope按钮事件处理
– searchBar:selectedScopeButtonIndexDidChange:</span>
2.UISearchDisplayController(注:iOS8以上已经弃用)
结合UISearchBar实现效果如下,实现搜索功能.
提示:检测Xcode系统版本代码如下:
[[[UIDevice currentDevice] systemVersion] floatValue] >= 8.0 ? YES: NO;①.创建对象
//需要创建UISearchBar对象,这里将对象都定义成了属性 self.searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, 320, 40)]; //设置UISearchBar属性,上面有UISearchBar详细介绍. self.searchBar.placeholder = @"enter province name"; self.searchBar.autocorrectionType = UITextAutocorrectionTypeNo; self.searchBar.autocapitalizationType = UITextAutocapitalizationTypeAllCharacters; self.searchBar.scopeButtonTitles = [NSArray arrayWithObjects: @"All",@"A",@"B",@"C",@"D" ,nil]; self.searchBar.showsScopeBar = YES; self.searchBar.keyboardType = UIKeyboardTypeNamePhonePad; self.searchBar.showsBookmarkButton = YES; //将seachBar作为控制器的透视图,视图控制器,继承UITableViewController self.tableView.tableHeaderView = _searchBar; //将UIsearchBar添加到UIdSearchDispalyController上 self.displayController = [[UISearchDisplayController alloc] initWithSearchBar:_searchBar contentsController:self];注:searchBar————在searchdisplaycontroller初始化后,searchbar是不可修改的,是readonly属性的.
②配置UISearchDisplayController的属性
//active————是搜索界面可视化,默认为no,可用setActive方法设置. self.displayController.active = YES; // searchResultsDataSource————搜索结果的数据源,代理对象(UITableViewDataSource) self.displayController.searchResultsDataSource = self; //searchResultsDelegate————搜索结果的委托,服从协议UITableViewDelegate self.displayController.searchResultsDelegate = self;③实现
/*searchDisplayController 自身有一个searchResultsTableView, 所以在执行操作的时候首先要判断是否是搜索结果的tableView,如果是显示的就是搜索结果的数据, 如果不是,是TableView自身的view,则需要显示原始数据。*/ if (tableView == self.tableView) { return self.dataArray.count; } else { NSPredicate *predicate = [NSPredicate predicateWithFormat: @"self contains [cd] %@",self.searchBar.text]; self.arr = [[NSMutableArray alloc] initWithArray: [self.dataArray filteredArrayUsingPredicate:predicate]]; return self.arr.count; }
④使用UISearchDisplayDelegate的委托方法进行搜索操作:
1).搜索状态改变事件处理方法:
– searchDisplayControllerWillBeginSearch:– searchDisplayControllerDidBeginSearch:– searchDisplayControllerWillEndSearch:– searchDisplayControllerDidEndSearch:
2).装载和卸载tableview事件处理方法:
– searchDisplayController:didLoadSearchResultsTableView:– searchDisplayController:willUnloadSearchResultsTableView:
3).显示和隐藏tableview事件处理方法:
– searchDisplayController:willShowSearchResultsTableView:– searchDisplayController:didShowSearchResultsTableView:– searchDisplayController:willHideSearchResultsTableView:– searchDisplayController:didHideSearchResultsTableView:4).搜索条件改变时响应事件处理方法:
– searchDisplayController:shouldReloadTableForSearchString:– searchDisplayController:shouldReloadTableForSearchScope
3.UISearchController(iOS8新特性)
UISearchController实现和上述效果基本一致,适用于iOS8以上版本
实现如下图搜索效果
代码如下:
1)新建控制器,继承与UITableViewController,在extension中定义属性
//存储原来的数据@property (nonatomic, retain) NSArray *dataArr;//存储检索后的数据@property (nonatomic, retain) NSArray *arr;2).加载数据,懒加载
- (NSArray *)dataArr { if (!_dataArr) { self.dataArr = [NSArray arrayWithObjects: @"Allan",@"Abbbb",@"Acccc",@"Bccccc",@"Cddddffk",@"Cddkllll", @"Ekkflfl",@"Ekljljfg" ,@"Leslie",@"Mm",@"Meinv",@"Meihi",@"Catilin", @"Arron", @"211", @"232", @"243", @"264", @"285", @"106", @"311", @"432", @"543", @"664", @"785", @"806", nil]; } return _dataArr;}//如果检索后的数据为空,将原有数据赋值给检索数据- (NSArray *)arr { if (!_arr) { self.arr = self.dataArr; } return _arr;}3.加载UISearchController对象
- (void)viewDidLoad { [super viewDidLoad]; //cell重用机制,调用系统的 [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"lock"]; //创建搜索条,将自身设置为展示结果的控制器 UISearchController *searchVC =[[UISearchController alloc] initWithSearchResultsController:nil]; //设置渲染颜色 searchVC.searchBar.tintColor = [UIColor orangeColor]; //设置状态条颜色 searchVC.searchBar.barTintColor = [UIColor orangeColor]; //设置开始搜索时背景显示与否(很重要) searchVC.dimsBackgroundDuringPresentation = NO; //适应整个屏幕 [searchVC.searchBar sizeToFit]; //设置显示搜索结果的控制器 searchVC.searchResultsUpdater = self; //协议(UISearchResultsUpdating) //将搜索控制器的搜索条设置为页眉视图 self.tableView.tableHeaderView = searchVC.searchBar; }
4).实现协议中的方法,必须实现
- (void)updateSearchResultsForSearchController:(UISearchController *)searchController { //谓词检测 NSPredicate *predicate = [NSPredicate predicateWithFormat: @"self contains [cd] %@", searchController.searchBar.text]; //将所有和搜索有关的内容存储到arr数组 self.arr = [NSMutableArray arrayWithArray: [self.dataArr filteredArrayUsingPredicate:predicate]]; //重新加载数据 [self.tableView reloadData]; }
5).设置UITabelViewController中的其它
#pragma mark - Table view data source//设置有多少个分区- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { // Return the number of sections. return 1;}//每个分区有多少行数据- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection: (NSInteger)section { return self.arr.count;}- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath: (NSIndexPath *)indexPath { self.cell = [tableView dequeueReusableCellWithIdentifier:@"lock" forIndexPath:indexPath]; //设置cell上展示的内容,即搜索后的数据 self.cell.textLabel.text = self.arr[indexPath.row]; return self.cell;}注.以上是实现搜索框搜索空能.(当搜索内容为空时,返回的时所有数据,如果搜索内容为空,返回空时,需要进行其它修改操作.)
2 0
- 【学习ios之路:UI系列】(UISearchBar,UISearchDisplayController) 和UISearchController(iOS8新特性)
- iOS --- 搜索框UISearchController的使用(iOS8.0以后替代UISearchBar + UISearchDisplayController的组合)
- iOS - 搜索框UISearchController的使用(iOS8.0之后替代UISearchBar + UISearchDisplayController的组合)
- iOS UISearchBar和UISearchDisplayController
- UISearchController VS UISearchBar and UISearchDisplayController
- UI - UISearchController&UISearchDisplayController
- IOS学习笔记——UISearchBar和UISearchDisplayController
- UI_搜索框UISearchController的使用(iOS8.0以后替代UISearchBar + UISearchDisplayController)
- iOS8新特性UIAlertViewController,UISearchController,UIPopoverPresentationController,WKWebView
- iOS--搜索UISearchController&&UISearchDisplayController
- iOS UISearchBar 和 UISearchDisplayController的使用
- iOS开发 搜索栏UISearchBar和UISearchController
- iOS开发-搜索栏UISearchBar和UISearchController
- iOS开发-搜索栏UISearchBar和UISearchController
- iOS开发-搜索栏UISearchBar和UISearchController
- iOS开发-搜索栏UISearchBar和UISearchController
- iOS开发-搜索栏UISearchBar和UISearchController
- IOS UISearchBar + UISearchDisplayController使用
- J2EE的十三种技术——JDBC
- 三大JavaScript框架对比——AngularJS、BackboneJS和EmberJS
- Java New IO(NIO)详解
- C++中的内存区域
- Search a 2D Matrix
- 【学习ios之路:UI系列】(UISearchBar,UISearchDisplayController) 和UISearchController(iOS8新特性)
- Android webview使用详解
- [codevs 1917] 深海机器人问题
- Android Studio 1.1 Beta2 发布
- oracle 创建表、修改表、添加约束
- jvm如何判断对象已死?
- rman 归档日志 crosscheck
- Java中的main()方法详解
- MVC4.0搭建的省市县三联动,包含数据库