- 基本上每一个app,都会有搜索功能,那么必然就有一个搜索框控件了,我觉得原生的搜索框控件也是挺好用的.跟原来的方式一样,直接上代码创建UISearchBar
- (void)viewDidLoad {
[super viewDidLoad];
// 创建UISearchBar控件
UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(40, 100, 300, 30)];
[self.view addSubview:searchBar];
}
- UISearchBar中常用的属性和用法,下面我以注释家代码的方式来简述
// 设置默认语句
searchBar.placeholder = @"请输入文字...";
// 显示图书的图标
searchBar.showsBookmarkButton = YES;
// 显示取消按钮
searchBar.showsCancelButton = YES;
// 搜索结果下拉按钮
searchBar.showsSearchResultsButton = YES;
-
效果图如下
Snip20161207_3.png - 很多开发者其实都有忽略UISearchBar的扩展栏的,因为UISearchBar扩展栏只在很少的应用中出现过,至少我比较少使用,或者自己封装一套使用.只要设置一个属性为YES,就可以了,直接上代码
// 创建UISearchBar控件
UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(40, 100, 300, 30)];
// 设置默认语句
searchBar.placeholder = @"请输入文字...";
// 搜索结果下拉按钮
searchBar.showsSearchResultsButton = YES;
// 设置扩展栏
searchBar.showsScopeBar = YES;
searchBar.scopeButtonTitles = @[@"视频", @"图片", @"声音"];
// 设置默认选中下标为1的button
searchBar.selectedScopeButtonIndex = 1;
[self.view addSubview:searchBar];
- 具体如下图
Snip20161207_4.png
- 说到这里,那么大家就像说,这个搜索控件到底是怎么用的,刚好就可以引出一个概念,iOS编程中的设计模式,我们先讲述这里用到的代理设计模式,代理模式在编程中,真的在哪里都会用到,而且非常好用,但是如果是初次接触到编程的读者,肯定对代理设计模式刚到非常的陌生,举个简单的例子吧,比如零售店从文具店购进了一批铅笔,张三到零售店买了一支笔,在这支铅笔的销售过程中,有第三方参与,文具厂,零售店,买家,文具店值负责生产铅笔,它不直接将笔卖给张三,而对于张三来说,他用这支笔来写字,文具店与张三之间,零售店就充当了代理的角色,他连接买家与生产者.
- 说到这里我现在还有很多初学者处在一种懵逼的状态,不怕,后期会的文章中,基本都会用到代理
- UISearchBar与我们的联系,就是靠UISearchBarDelegate代理协议来连接,那么想要使用代理方法来处理逻辑,首先必须选择一个类来遵守相应的协议,直接上代码演示
#import "ViewController.h"
@interface ViewController () <UISearchBarDelegate> // 遵守协议
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// 创建UISearchBar控件
UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(40, 100, 300, 30)];
// 设置默认语句
searchBar.placeholder = @"请输入文字...";
// 搜索结果下拉按钮
searchBar.showsSearchResultsButton = YES;
// 设置扩展栏
searchBar.showsScopeBar = YES;
searchBar.scopeButtonTitles = @[@"视频", @"图片", @"声音"];
// 设置默认选中下标为1的button
searchBar.selectedScopeButtonIndex = 1;
[self.view addSubview:searchBar];
// 设置代理
searchBar.delegate = self;
}
// 实现代理方法
// 1.当用户点击切换扩展栏上的按钮是会来到这个方法
- (void)searchBar:(UISearchBar *)searchBar selectedScopeButtonIndexDidChange:(NSInteger)selectedScope {
}
// 2.当用户在搜索框中输入文字改变时会触发下面的方法
- (BOOL)searchBar:(UISearchBar *)searchBar shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text {
return @"输入";
}
// 3.当搜索框中文字发生改变是会来到这个方法
- (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText {
NSLog(@"文字发生改变");
}
// 4.点击"图书"图标按钮会来到这个方法
-(void)searchBarBookmarkButtonClicked:(UISearchBar *)searchBar {
}
// 5.点击取消按钮会触发下面的方法
- (void)searchBarCancelButtonClicked:(UISearchBar *)searchBar {
}
// 6.点击搜索结果箭头按钮是会触发下面的方法
- (void)searchBarResultsListButtonClicked:(UISearchBar *)searchBar {
}
// 7.点击键盘上的搜索按钮是会触发下面的方法
+ (void)searchBarCancelButtonClicked:(UISearchBar *)searchBar {
}
// 8.结束编辑是会触发下面的方法
- (void)searchBarTextDidEndEditing:(UISearchBar *)searchBar {
}
- 个人觉得原生的搜索框还是挺好用的
fileImgviewFile.jpg
我.jpg
];
