iOS中利用UISearchBar实现搜索

时间：2023-03-08 16:33:27

先把源码贴出来

https://github.com/losedMemory/ZSSearchBar   这是我在github上写的一个Demo,大家可以看看

在大多数app中都会用到搜索功能,那么搜索功能的实现离不开UISearchBar这个控件.

UISearchBar继承自UIView,下面简单的介绍一下它的属性和方法.

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #3495af }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo }
span.s1 { color: #000000 }
span.s2 { }
span.s3 { color: #3495af }

UISearchBar *searchBar = [[UISearchBar alloc]init];

searchBar.frame = CGRectMake(0, 0, 300, 44);//初始化方法

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #3495af }
span.s1 { color: #000000 }
span.s2 { }
span.s3 { color: #b4261a }
span.s4 { font: 15.0px "PingFang SC"; color: #b4261a }

[searchBar setPlaceholder:@"搜索"];//设置占位文字

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #3495af }
span.s1 { color: #000000 }
span.s2 { }

[searchBar setBarTintColor:[UIColor orangeColor]];//在这里设置背景颜色

当然会有些人这么写:[searchBar setTintColor:[UIColor orangeColor]];但是根据文档这个方法在iOS7之后就不再影响bar的背景颜色

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #3495af }
span.s1 { color: #000000 }
span.s2 { }
span.s3 { color: #0433ff }

[searchBar setTranslucent:YES];//设置是否透明

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #3495af }
span.s1 { color: #000000 }
span.s2 { }
span.s3 { color: #0433ff }
span.s4 { color: #008f00 }
span.s5 { font: 15.0px "PingFang SC"; color: #008f00 }

[searchBar setShowsSearchResultsButton:YES];//是否显示搜索结果按钮

iOS中利用UISearchBar实现搜索就是这个按钮,这个可以放大搜索结果

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #3495af }
span.s1 { color: #000000 }
span.s2 { }

[searchBar setSearchTextPositionAdjustment:UIOffsetMake(30, 0)];//设置搜索框中文文本框的文本偏移量

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #3495af }
span.s1 { color: #000000 }
span.s2 { }
span.s3 { color: #0433ff }
span.s4 { color: #b4261a }

[searchBar setShowsScopeBar:YES];

[searchBar setScopeButtonTitles:[NSArray arrayWithObjects:@"Singer",@"Song",@"Album", nil]];//这是设置搜索框下面的分栏的,效果如下:

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #3495af }
span.s1 { color: #000000 }
span.s2 { }

[searchBar setSelectedScopeButtonIndex:1];//在这里设置默认选中的分栏

iOS中利用UISearchBar实现搜索

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo }
span.s1 { }

[searchBar setInputAccessoryView:maskView];//在进行搜索时显示一个出现的遮罩,效果参照电话簿

[searchBar setShowsCancelButton:YES]  //是否显示取消按钮

iOS中利用UISearchBar实现搜索

//获取cancelButton的方法,可以设置其点击事件

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #3495af }
span.s1 { color: #000000 }
span.s2 { }
span.s3 { color: #0433ff }
span.s4 { color: #b4261a }

UIButton *cancelButton = [self.searchBar valueForKey:@"_cancelButton"];

代理方法:

//已经开始进行编辑

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo }
span.s1 { }
span.s2 { color: #0433ff }
span.s3 { color: #3495af }

- (void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar

//UISearchBar得到焦点并开始编辑时，执行该方法

- (BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar

//取消按钮的点击事件

- (void)searchBarCancelButtonClicked:(UISearchBar *)searchBar

//在键盘中的搜索按钮的点击事件

- (void)searchBarSearchButtonClicked:(UISearchBar *)searchBar

//当搜索框中的内容发生改变时会自动进行搜索,这个是经常用的

- (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText

一般比较常用的就是这些

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #3495af }
span.s1 { color: #000000 }
span.s2 { }

相关文章