UISearchBar介绍

转载 2015年11月21日 09:00:16

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 控制搜索栏下部的选择栏是否显示出来

代理列表: 

 

编辑代理

 

点击按钮

范围代理

 

 

searchBar使用小技巧 


searchBar的范围控件showsScopeBar,官方学名叫Scope Buttons。
首先就要设置这个属性:
self.searchBar.showsScopeBar = YES;
然后要给他添加按钮。比如说,这样:self.searchBar.scopeButtonTitles = [NSArray arrayWithObjects:@"BOY",@"GIRL",@"ALL",nil];
还有一个很重要的事情就是我们要实现这个代理UISearchBarDelegate里的这个方法searchBar:selectedScopeButtonIndexDidChange:。告诉表格,你选择的范围是啥。
还有要是设置默认选择哪个按钮的话,要设置这个属性,像这样就是默认选中第1个啦。
self.searchBar.selectedScopeButtonIndex = 0;


 

在实现搜索功能时,界面使用UISearchBar比较好,它实现了很多搜索时使用到的东西,但是默认的风格可能和现有的风格不一致,所以需要我们想办法去修改一下默认的外观。

 

1、修改UISearchBar的背景颜色

UISearchBar是由两个subView组成的,一个是UISearchBarBackGround,另一个是UITextField. 要IB中没有直接操作背景的属性。方法是直接将 UISearchBarBackGround移去  


  1. seachBar=[[UISearchBar alloc] init];  
  2. seachBar.backgroundColor=[UIColor clearColor];  
  3. for (UIView *subview in seachBar.subviews)   
  4. {    
  5. if ([subview isKindOfClass:NSClassFromString(@"UISearchBarBackground")])  
  6.        {    
  7. [subview removeFromSuperview];    
  8. break;  
  9. }   

第二种解决的方法:


  1. [[searchbar.subviews objectAtIndex:0]removeFromSuperview]; 

2、


  1. UISearchBar* m_searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 44, 320, 41)];  
  2. m_searchBar.delegate = self;  
  3. m_searchBar.barStyle = UIBarStyleBlackTranslucent;  
  4. m_searchBar.autocorrectionType = UITextAutocorrectionTypeNo;  
  5. m_searchBar.autocapitalizationType = UITextAutocapitalizationTypeNone;  
  6. m_searchBar.placeholder = _(@"Search");  
  7. m_searchBar.keyboardType =  UIKeyboardTypeDefault;  
  8. //为UISearchBar添加背景图片  
  9. UIView *segment = [m_searchBar.subviews objectAtIndex:0];  
  10. UIImageView *bgImage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Images/search_bar_bg.png"]];  
  11. [segment addSubview: bgImage];  
  12. //<---背景图片  
  13. [self.view addSubview:m_searchBar];  
  14. [m_searchBar release]; 

3:取消UISearchBar调用的键盘


  1. [searchBar resignFirstResponder];  

添加UISearchBar的两种方法:

代码


  1. UISearchBar *mySearchBar = [[UISearchBar alloc] 
  2. initWithFrame:CGRectMake(0.0, 0.0, self.view.bounds.size.width, 45)];          
  3.  mySearchBar.delegate = self;          
  4.  mySearchBar.showsCancelButton = NO;          
  5.  mySearchBar.barStyle=UIBarStyleDefault;          
  6.  mySearchBar.placeholder=@"Enter Name or Categary";           
  7. mySearchBar.keyboardType=UIKeyboardTypeNamePhonePad;           
  8. [self.view addSubview:mySearchBar];          
  9.  [mySearchBar release];    

在 tableview上添加:   

代码  


  1. //add Table  
  2.         UITableView *myBeaconsTableView = [[UITableView alloc]   
  3.                                            initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height-40)    
  4.   style:UITableViewStylePlain];  
  5.         myBeaconsTableView.backgroundColor = [UIColor whiteColor];  
  6.         myBeaconsTableView.delegate=self;  
  7.         myBeaconsTableView.dataSource=self;  
  8.         [myBeaconsTableView setRowHeight:40];  
  9.         // Add searchbar   
  10.         searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0.0, 0.0, self.view.bounds.size.width, 40)];  
  11.         searchBar.placeholder=@"Enter Name";  
  12.         searchBar.delegate = self;  
  13.         myBeaconsTableView.tableHeaderView = searchBar;  
  14.         searchBar.autocorrectionType = UITextAutocorrectionTypeNo;  
  15.         searchBar.autocapitalizationType = UITextAutocapitalizationTypeNone;  
  16.         [searchBar release];  
  17.         [self.view addSubview:myBeaconsTableView];  
  18.         [myBeaconsTableView release];  

UISearchBar介绍

UISearchBar介绍 属性 作用 UIBarStyle barStyle 控件的样式 id delegate 设置控件的委托 ...
  • shiningchen322
  • shiningchen322
  • 2015年09月02日 17:50
  • 175

iOS UISearchBar修改placeholder字体颜色和大小

在修改searchBar上面的placeholder字体颜色时,我自己手写的代码跟正确的一模一样时,它识别不出来,总是崩,错误内容说是没有那个value,真是见鬼了。当我粘贴过来时,它就好了。爱,真是...
  • qq_29284809
  • qq_29284809
  • 2015年12月03日 10:02
  • 9889

iOS开发之高级视图——UISearchBar

UISearchBar是一个搜索条,由一个文本框和几个按钮组成,当用户在文本框内输入部分内容之后,程序即可按照指定的规则执行搜索。    以下例子结合UITableView和UISearch...
  • panjican
  • panjican
  • 2016年05月25日 22:25
  • 13053

UISearchBar设置技巧(输入框,取消按钮等背景设置)

UISearchBar光标、输入框、placeholder的颜色,取消按钮背景,文本框背景
  • guangguang03
  • guangguang03
  • 2017年07月31日 18:36
  • 220

UISearchBar光标偏移设置

UISearchBar是iOS开发中经常会用到的控件,可能会遇到这样的需求,就是光标和左边的放大镜图片要隔开一定的距离,有的人可能不知道系统的原生控件可以修改而去自己封装一个,那就麻烦多了。 UISe...
  • liu1347508335
  • liu1347508335
  • 2016年01月05日 13:59
  • 2308

去掉UISearchBar自带的的边框背景

去掉UISearchBar自带的的边框背景 ,分为ios7后和ios7前的解决方案,代码如下:         UISearchBar* searchbar = [[UISearchBar a...
  • intheair100
  • intheair100
  • 2015年05月15日 14:39
  • 1621

UISearchBar 放大镜等居左,及placeholder偏上的问题

不说了,直接上代码 1、解决居左的问题,创建UISearchBar的category类,添加下面的方法 -(void)setLeftPlaceholder:(NSString *)placehol...
  • icash
  • icash
  • 2016年10月20日 16:06
  • 3092

实现UISearchBar的Placeholder居左显示

UISearchBar的占位符 (Placeholder) 如何居左显示 ? 做项目的时候遇到这个问题,虽然不是什么比较大的知识点,但是我觉着应该会有朋友纠结这个问题,所以这里就把自己查到的结果...
  • qq_33226881
  • qq_33226881
  • 2017年08月01日 11:24
  • 235

更改UISearchBar 的背景色、取消按钮颜色

更改UISearchBar 的背景色、取消按钮颜色
  • Leemin_ios
  • Leemin_ios
  • 2015年12月25日 10:23
  • 1441

iOS中UISearchBar的placeholder字体颜色以及背景色

改变searchBar的样式
  • u011752406
  • u011752406
  • 2016年01月20日 15:35
  • 1936
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UISearchBar介绍
举报原因:
原因补充:

(最多只允许输入30个字)