UISearchBar 介绍属性作用 UIBarStyle barstyle 控件的样式 id delegate 设置控件的委托 NSString text 控件上面的显示的文字 NSString prompt 显示在顶部的单行文

Size: px

Start display at page:

Download "UISearchBar 介绍属性作用 UIBarStyle barstyle 控件的样式 id delegate 设置控件的委托 NSString *text 控件上面的显示的文字 NSString *prompt 显示在顶部的单行文 "

锥瓶黄
7 years ago
Views:

1 第十章添加搜索学习目标通过学习本章学习, 我们应该具备以下知识和技能 : 认识 UISearchBar 使用 UISearchBar 任务 : 给软件加入搜索功能这次我们来学习一下如何添加搜索, 在 iphone 中通讯录中, 搜索功能能让你快捷地找到对应的查找对象, 轻松满足你的需求还在等什么, 快来探索一下搜索功能吧 1.1 认识 UISearchBar UISearchBar 控件就是要为你完成搜索功能的一个专用控件 UISearchBar 类实现一个文本字段控制基于文本的搜索该控件提供一个输入文字的文本框, 一个搜索按钮, 一个书签按钮, 一个取消按钮但 UISearchBar 对象实际上并不执行任何搜查您可以使用委托, 使对象符合 UISearchBarDelegate 协议进行搜索, 如图 10.1 所示图 10.1

1 认识 UISearchBar UISearchBar 控件就是要为你完成搜索功能的一个专用控件 UISearchBar 类实现一个文本字段控制基于文本的搜索该控件提供一个输入文字的

2 UISearchBar 介绍属性作用 UIBarStyle barstyle 控件的样式 id delegate 设置控件的委托 NSString *text 控件上面的显示的文字 NSString *prompt 显示在顶部的单行文字, 通常作为一个提示行 NSString *placeholder 半透明的提示文字, 输入搜索内容消失 BOOL showsbookmarkbutton 是否在控件的右端显示一个书的按钮 ( 没有文字的时候 ) BOOL showscancelbutton 是否显示 cancel 按钮是否在控件的右端显示搜索结果按钮 BOOL showssearchresultsbutton ( 没有文字的时候 ) BOOL searchresultsbuttonselected 搜索结果按钮是否被选中 UIColor *tintcolor bar 的颜色 ( 具有渐变效果 ) BOOL translucent 指定控件是否会有透视效果 UITextAutocapitalizationType autocapitalizationtype 设置在什么的情况下自动大写 UITextAutocorrectionType autocorrectiontype 对于文本对象自动校正风格 UIKeyboardType keyboardtype 键盘的样式 NSArray *scopebuttontitles 搜索栏下部的选择栏, 数组里面的内容是按钮的标题 NSInteger selectedscopebuttonindex 搜索栏下部的选择栏按钮的个数 BOOL showsscopebar 控制搜索栏下部的选择栏是否显示出来 1.2 使用 UISearchBar, 开始工程上图看了之后是不是很熟悉? 没错, 我们这次就是要在原来的表视图中添加搜索功能新建工程命名为 Seach, 并勾上 Storyboard 在 storyboard 视图中拖入 Search Bar 和 Table View : 在 TableView 上方添加一个 Search Bar, 这里有一点需要注意, 必须先把 TableView 拖下来, 留下空间放 Search Bar, 不要在 Table View 占满屏幕的情况下把 Search Bar 拖到 Table View 顶部区别在于, 使用后面的方法,Search Bar 是作为 Table View 的 Header 部分添加的, 而前面的方法,Search Bar 是独立的在添加索引功能时, 如果作为 Table View 的 Header 添加, 右侧的索引会遮住 Search Bar 的右边部分选中 Search Bar, 更改它的 Placeholder( 搜索栏占位符 ) Prompt( 提示语 ) 勾上 Shows Bookmark Button( 标记书签 ) 和 Cancel Button( 取消按钮 ), 你将会看到最终效果如下图 10.2 和图 10.3 所示 :

showssearchresultsbutton ( 没有文字的时候 ) BOOL searchresultsbuttonselected 搜索结果按钮是否被选中 UIColor *tintcolor bar 的颜色 ( 具有渐变效果 ) BOOL translucent 指定控件是否会有透视效果

3 图 10.2

4 图把表格的数据源和委托进行设置, 实现自身的 tableview 的 datasource 和 delegate 两个协议, 并设置一个名为 mytableview 的属性记得先从第八章的表格那一章中的 plist 资源导入工程中并将 ViewController.h 修改为如图 10.4 所示 :

5 图 :#import <UIKit/UIKit.h> : UIViewController<UITableViewDelegate,UITableViewDataSource> (weak, nonatomic) IBOutlet UITableView *mytableview; (retain,nonatomic)iboutlet NSMutableArray *key; (retain,nonatomic)iboutlet NSMutableDictionary *dic; 第三行和第四行定义一个可变数组和可变字典修改.m 文件如下图 10.5 和图 10.6 所示 : 图 10.5

3:@property (weak, nonatomic) IBOutlet UITableView *mytableview; 4:@property

1:#import "ViewController.h" 2:@interface ViewController () 3:@end 图 10.

6 1:#import "ViewController.h" ViewController () 图 10.6 ViewController dic; key; mytableview; 8:- (void)viewdidload 9:{ 10: [super viewdidload]; 11: NSString *path = [[NSBundle mainbundle]pathforresource:@"sortednames" oftype:@"plist"]; 12: dic = [[NSMutableDictionary alloc]initwithcontentsoffile:path]; 13: key = [NSMutableArray arraywitharray:[[dic allkeys] 14:} 15:-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableview 16:{ 17: return [dic count]; 18:} 19;-(NSInteger)tableView:(UITableView *)tableview numberofrowsinsection:20:(nsinteger)section 20:{ 21: return [[dic valueforkey:[key objectatindex:section]]count]; 22;} 23:-(UITableViewCell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath 24:{ 25: static NSString *CellIdentifier 26:UITableViewCell *cell = [tableview dequeuereusablecellwithidentifier:cellidentifier]; 27: if(!cell){ 28 : cell = [[UITableViewCell alloc]initwithstyle:uitableviewcellstyledefault reuseidentifier:cellidentifier]; 29:} 30: if(![[dic valueforkey:[key objectatindex:indexpath.section]]count]==0){ 31: cell.textlabel.text = [[dic valueforkey:[key objectatindex:indexpath.section]]objectatindex:indexpath.row];

mainbundle]pathforresource:@"sortednames" oftype:@"plist"]; 12: dic = [[NSMutableDictionary alloc]initwithcontentsoffile:path]; 13: key = [NSMutableArray arraywitharray:[[dic allkeys]

7 32: 33:} 34:return cell; 35:} 36:-(NSString *)tableview:(uitableview *)tableview titleforfooterinsection:(nsinteger)section 37:{ 38: return[nsstring ; 39:} 40:-(NSString *)tableview:(uitableview *)tableview titleforheaderinsection:(nsinteger)section 41:{ 42: return [NSString stringwithformat:@"hander--%d%@",section,[key objectatindex:section]]; 43:} 44:-(NSArray *)sectionindextitlesfortableview:(uitableview *)tableview//??????? 45:{ 46: return key; 47:} 第十一到十三行从 viewdidload 方法从资源库中读取出数据, numberofsectionsintableview 返回表视图分区数, count 方法获得 dic 的个数, numberofrowsinsection 返回表视图的相应分区的行数,cellForRowAtIndexPath 返回一个单元行, 表视图通过该方法来绘制每一行 titleforheaderinsection 它返回的是各个 section 的标题, titleforfooterinsection 它返回的是各个 section 的脚注,sectionIndexTitlesForTableView 这个方法在 UITableView 的右侧显示出各个 section 的导航索引由于这里主要介绍 UISearchBar, 就不赘述表格的相关知识了第二十一行 : [[dic valueforkey:[key objectatindex:section]]count]; 字典通过获取数组中的字符串获得节点内容, 调用 count 方法获取字典节点的个数第三十一行 : [[dicvalueforkey:[key objectatindex:indexpath.section]]objectatindex:indexpath.row] 通过行数获得字典节点的内容

40:-(NSString *)tableview:(uitableview *)tableview titleforheaderinsection:(nsinteger)section 41:{ 42: return [NSString stringwithformat:@"hander--%d%@",section,[key objectatindex:section]]; 43:}

8 图 : 如图 10.7 所示, 右击 UISearchBar 赋予 delegate, 并修改.h 文件, 在.m 文件中实现 UISearchBarDelegate 的方法. 如图 10.8 所示 : 图 (void)searchBar:(UISearchBar *)searchbar textdidchange:(nsstring *)searchtext 2{ 3 NSLog(@" 输入文字触发 "); 4 // 使按钮变为取消 5 for(id cc in [searchbar subviews]){

8 1-(void)searchBar:(UISearchBar *)searchbar textdidchange:(nsstring

9 6 if([cc iskindofclass:[uibutton class]]){ 7 UIButton *btn = (UIButton *)cc; 8 [btn settitle:@" 取消 " forstate:uicontrolstatenormal]; 9 } 10 } 11 // 搜索 12 if(searchtext == nil [searchtext isequaltostring:@""]){ 13 [self ResetData]; 14 [self.mytableview reloaddata]; 15 return; 16 } 17 NSMutableArray *RemoveKeyArray = [[NSMutableArray alloc]init]; 18 for(nsstring *keynamestring in key){// 19 NSMutableArray *removeinsectionarray = [[NSMutableArray alloc]init]; 20 NSMutableArray *sectionarray = [dic valueforkey:keynamestring];// 21 for(nsstring *cellnamestring in sectionarray){// 22 if([cellnamestring rangeofstring:searchtext options:nscaseinsensitivesearch].location==nsnotfound){ 23 [removeinsectionarray addobject:cellnamestring]; 24 } 25 } 26 [sectionarray removeobjectsinarray:removeinsectionarray];// 27 if([sectionarray count]==0){ 28 [RemoveKeyArray addobject:keynamestring]; 29 } 30 } 31 [key removeobjectsinarray:removekeyarray]; 32 [dic removeobjectsforkeys:removekeyarray]; 33 [self.mytableview reloaddata]; 34} 第一行的 TextDidChange: 这个方法是在搜索框文字发生改变时执行的委托函数在这里面我将 searchbar 的 showscancelbutton 属性值至为 YES, 可以让取消按键显示出来但只有这句的话只能让取消健显示, 按键上的文字还是英文这个时候就需要下面一个逻辑了, 这里枚举了 SearchBar 中的所有子视图, 如果子视图中包含有 UIButton 这个类, 就将这个 UIButton 的实例标题改为中文的取消, 并设 button 的状态为正常 ; 接下来第十二行 if(searchtext == nil [searchtext isequaltostring:@""] 判断输入内容是否为空, 是的话就直接调用 ResetData 方法重新实例化数据并 reloaddata 重新绘制表格数据源如果不是的话, 就开始根据输入的数据进行删除多余表格的工作了第二十二行 [cellnamestringrangeofstring:searchtext options:nscaseinsensitivesearch].location==nsnotfound 能够让程序实时从数据记录

mytableview reloaddata]; 15 return; 16 } 17 NSMutableArray *RemoveKeyArray = [[NSMutableArray alloc]init]; 18 for(nsstring *keynamestring in key){// 19 NSMutableArray *removeinsectionarray =

10 中找出开头字符或者记录中包含该字符或者单词的记录, 把记录进行实时过滤 rangeofstring 方法是返回 NSRange 对象 ( 包含位置索引和长度信息 ), NSCaseInsensitiveSearch 是忽略大小写我们通过第二十行 [dic valueforkey:keynamestring] 获得数组并遍历对象并不符合搜索条件的对象选出, 加入 removeinsectionarray 数组中然后从字典子节点数组中移除不符合该数组在第二十六行 [sectionarray removeobjectsinarray:removeinsectionarray]; 如果该字典子节点数组已不存在, 就把该字典直接点数组加到总删除数组中 [RemoveKeyArray addobject:keynamestring]; 遍历完后 [key removeobjectsinarray:removekeyarray]; [dic removeobjectsforkeys:removekeyarray]; removeobjectsinarray 删除 RemoveKeyArray 数组中和 key 数组相同的对象 removeobjectsforkeys 移除 RemoveKeyArray 数组所对应的字典条目第三十三行最后再 reloaddata 一次, 系统会重新执行一遍 TableViewDelegate 的相关函数, 使单元格的设置信息会被重新执行一遍获得搜索后的数据 1.2.5: 此时将看到搜索后的效果. 如图 10.9 所示 ; 图 10.9 怎么才能点击取消后将取消按钮设置回查找字样呢? 只需调用 -(void)searchbarcancelbuttonclicked:(uisearchbar *)searchbar 函数, 它在点击取消按钮的时候执行还有, UISearchBar 是由两个 subview 组成的, 一个是 UISearchBarBackGround, 另一个是 UITextField. 我们可以获得 UISearBar 的子视图来修改它 1-(void)searchBarCancelButtonClicked:(UISearchBar *)searchbar 2{ 3 NSLog(@" 点击 BarCancelButton");

removeobjectsinarray:removeinsectionarray]; 如果该字典子节点数组已不存在, 就把该字典直接点数组加到总删除数组中 [RemoveKeyArray addobject:keynamestring]; 遍历完后 [key

11 4 [searchbar resignfirstresponder]; 5 [self ResetData]; 6 [self.mytableview reloaddata]; 7 searchbar.text 8 NSLog(@"cancelbuttonClicked"); 9 for(id cc in [searchbar subviews]){ 10 if([cc iskindofclass:[uibutton class]]){ 11 UIButton *btn = (UIButton *)cc; 12 [btn settitle:@" 查找 " forstate:uicontrolstatenormal]; 13 } 14 } } 修改如上代码, 第四行 [searchbar resignfirstresponder] 使键盘放弃第一响应, 然后再通过 9~13 行从 UISearbar 取出 UIButton 子视图并修改它的文字 1.2.6: 运行工程, 看看效果吧自我检测和动手操作我们的搜索基本功能基本实现, 由于篇幅有限, 就讲到这里, 同学们可以多通过学习 UISearchBar 更多其他的回调函数来认识了解 UISearchBar, 并丰富这个工程

12 [btn settitle:@" 查找 " forstate:uicontrolstatenormal]; 13 } 14 } } 修改如上代码, 第四行 [searchbar resignfirstresponder] 使键盘放弃第一响应, 然后再通过 9~13 行从

Microsoft Word - Chap17.doc

Microsoft Word - Chap17.doc iphone ipad 和 ipod Touch 最酷的一項功能是它們的內建方向感應器, 這個微小的裝置可以讓 ios 知道裝置被持握的方式以及是否在移動 ios 可使用方向感應器來處理自動旋轉, 而許多遊戲也都使用它做為控制機制此外它也可以用

UISearchBar 介 绍 属 性 作 用 UIBarStyle barstyle 控 件 的 样 式 id delegate 设 置 控 件 的 委 托 NSString *text 控 件 上 面 的 显 示 的 文 字 NSString *prompt 显 示 在 顶 部 的 单 行 文

UISearchBar 介绍属性作用 UIBarStyle barstyle 控件的样式 id delegate 设置控件的委托 NSString text 控件上面的显示的文字 NSString prompt 显示在顶部的单行文