搜索框控件-UISearchBar

基本上每一个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

];

搜索框控件-UISearchBar

推荐阅读更多精彩内容