UISearchBar 一步实现

简而言之，UISearchBar是一个搜索控件，样式随着需求变化而变化，最近用到这个控件，我们的需求是这样的，每输入都要请求网络进行搜索，所以在工程中不需要点击搜索按钮，我大概做了一个简化，去掉了网络请求部分，改为本地数据的搜索。我的思路是这样的：创建UI（UISearchBar、UITableView），通过UISearchBar的代理方法中进行监听是否输入字符，然后进行谓词筛选，放入数组中，接着就是刷新tableView，把数据展示上去，Over~接着就是上代码。

@interface ViewController ()<UITableViewDelegate, UITableViewDataSource,UISearchBarDelegate>
{
UISearchBar *searchBar; //搜索框
NSArray *data; //所有数据数组
NSMutableArray *filterData; //存放筛选出来的数组

}
/** 表视图 */
@property(nonatomic, strong) UITableView *tableView;
@end
/** 根据屏幕比例进行适配(6s) */
#define kAutoLayoutHeight (KScreenHeight / 667)
#define kAutoLayoutWidth (KScreenWidth / 375)
/** 屏幕宽度、高度 */
#define KScreenWidth [UIScreen mainScreen].bounds.size.width
#define KScreenHeight [UIScreen mainScreen].bounds.size.height
//自定义颜色
//#define JC_ARCM_COLOR [UIColor colorWithRed:arc4random() % 10 * 0.1 green:arc4random() % 10 * 0.1 blue:arc4random() % 10 * 0.1 alpha:1.0]
#define JC_ARCM_COLOR [UIColor clearColor]
@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];
data = @[@{@"imgUrl":@"default_icon", @"name":@"张三"},
@{@"imgUrl":@"default_icon", @"name":@"王二"},
@{@"imgUrl":@"default_icon", @"name":@"赵虎"},
@{@"imgUrl":@"default_icon", @"name":@"梅艳芳"},
@{@"imgUrl":@"default_icon", @"name":@"12345"},
@{@"imgUrl":@"default_icon", @"name":@"abcd"},
@{@"imgUrl":@"default_icon", @"name":@"3478"},
@{@"imgUrl":@"default_icon", @"name":@"cdcc"}];
filterData = [[NSMutableArray alloc]init];
[self.navigationController.navigationBar setTintColor:[UIColor whiteColor]];
self.navigationController.navigationBar.translucent = NO;
[self initSreachView];
[self initTableViews];
}
#pragma mark -
#pragma mark - Search View
- (void)initSreachView
{
searchBar = [[UISearchBar alloc]initWithFrame:CGRectMake(40, 20, KScreenWidth - 80 * kAutoLayoutWidth, 40)];
searchBar.delegate = self;
searchBar.showsCancelButton = NO;
searchBar.placeholder = @"搜索借款平台";
// [searchBar setImage:[UIImage imageNamed:@"account_search_icon"]
// forSearchBarIcon:UISearchBarIconSearch state:UIControlStateNormal];
//去掉边框
for (UIView *view in searchBar.subviews) {
// for before iOS7.0
if ([view isKindOfClass:NSClassFromString(@"UISearchBarBackground")]) {
[view removeFromSuperview];
break;
}
// for later iOS7.0(include)
if ([view isKindOfClass:NSClassFromString(@"UIView")] && view.subviews.count > 0) {
[[view.subviews objectAtIndex:0] removeFromSuperview];
break;
}
}
[self.navigationController.view addSubview:searchBar];
UITextField *searchField = [searchBar valueForKey:@"_searchField"];
[searchField setBackgroundColor:[UIColor colorWithRed:242/255.0 green:242/255.0 blue:242/255.0 alpha:1.0]];//VC_COLOR
searchField.layer.cornerRadius = 14.0f;
searchField.layer.masksToBounds = YES;
[searchField setValue:[UIColor colorWithRed:169/255.0 green:176/255.0 blue:186/255.0 alpha:1.0] forKeyPath:@"_placeholderLabel.textColor"];//B3_COLOR
}

#pragma mark -
#pragma mark - 表视图
- (void)initTableViews
{
[self.view addSubview:self.tableView];
self.tableView.frame = CGRectMake(0, 0, KScreenWidth, KScreenHeight);
// [self.tableView mas_makeConstraints:^(MASConstraintMaker *make) {
// make.left.right.bottom.equalTo(self.tableView.superview);
// make.top.equalTo(self.tableView.superview).with.offset(-20);
// }];
}
- (UITableView *)tableView
{
if (!_tableView) {
_tableView = [[UITableView alloc]initWithFrame:CGRectZero style:UITableViewStyleGrouped];
_tableView.delegate = self;
_tableView.dataSource = self;
_tableView.showsVerticalScrollIndicator = NO;
_tableView.showsHorizontalScrollIndicator = NO;
_tableView.tableFooterView = [[UIView alloc]init];
_tableView.backgroundColor = [UIColor whiteColor];
_tableView.separatorColor = [UIColor colorWithRed:225/255.0 green:229/255.0 blue:235/255.0 alpha:1.0];
}
return _tableView;
}

#pragma mark -
#pragma mark - UISearchBardelegete
- (BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar{

NSLog(@"任务编辑文本");
return YES;
}
// return NO to not become first responder
- (void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar{

NSLog(@"开始");
}
// called when text starts editing
- (BOOL)searchBarShouldEndEditing:(UISearchBar *)searchBar{

return YES;
}
// return NO to not resign first responder
- (void)searchBarTextDidEndEditing:(UISearchBar *)searchBar{

NSLog(@"编辑完成");

}
// called when text ends editing
- (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText{
//清空数组
[filterData removeAllObjects];
// 谓词搜索
NSPredicate *predicate = [NSPredicate predicateWithFormat:@"self contains [cd] %@", searchText];
NSMutableArray *names = [[NSMutableArray alloc]init];
for (NSDictionary *dic in data)
{
[names addObject:[dic objectForKey:@"name"]];
}
//筛选出来的名称
NSArray *filterNames = [[NSArray alloc] initWithArray:[names filteredArrayUsingPredicate:predicate]];
NSLog(@"%@", filterNames);
for (NSDictionary *dic in data)
{
for (NSString *name in filterNames)
{
if ([name isEqualToString:[dic objectForKey:@"name"]])
{
[filterData addObject:dic];
}
}
}
[_tableView reloadData];
}

- (void)searchBarSearchButtonClicked:(UISearchBar *)searchBar{
// [searchDisplayController setActive:NO animated:YES];
NSLog(@"点击完成");
}
// called when keyboard search button pressed
- (BOOL)searchBar:(UISearchBar *)searchBar shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text{
return YES;
}

#pragma mark -
#pragma mark - UITableViewDelegate
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return filterData.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *idetifier = @"cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:idetifier];
if (cell == nil) {
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:idetifier];
}
cell.backgroundColor = [UIColor whiteColor];
cell.selectionStyle = UITableViewCellSelectionStyleNone;
cell.textLabel.font = [UIFont systemFontOfSize:16.0];
cell.textLabel.textColor = [UIColor colorWithRed:98/255.0 green:105/255.0 blue:113/255.0 alpha:1.0];
cell.detailTextLabel.font = [UIFont systemFontOfSize:12.0];
cell.detailTextLabel.textColor = [UIColor lightGrayColor];
cell.imageView.image = [UIImage imageNamed:filterData[indexPath.row][@"imgUrl"]];
cell.textLabel.text = filterData[indexPath.row][@"name"];
cell.detailTextLabel.text = @"手动记账";
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
return cell;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
NSLog(@"点击了第%zi行", indexPath.row);
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return 50;
}
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
return CGFLOAT_MIN;
}
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{
return CGFLOAT_MIN;
}
//点击空白区域取消键盘响应
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
UITextField *searchField = [searchBar valueForKey:@"_searchField"];
[searchField resignFirstResponder];
}