UISearchBar介绍

来源:互联网 发布:有趣的程序员网名 编辑:程序博客网 时间:2024/06/05 10:23

UISearchBar介绍

属性作用UIBarStyle barStyle控件的样式id delegate设置控件的委托NSString *text控件上面的显示的文字NSString *prompt显示在顶部的单行文字,通常作为一个提示行NSString *placeholder半透明的提示文字,输入搜索内容消失BOOL showsBookmarkButton是否在控件的右端显示一个书的按钮(没有文字的时候)BOOL showsCancelButton是否显示cancel按钮BOOL showsSearchResultsButton是否在控件的右端显示搜索结果按钮(没有文字的时候)BOOL searchResultsButtonSelected搜索结果按钮是否被选中UIColor *tintColorbar的颜色(具有渐变效果)BOOL translucent指定控件是否会有透视效果UITextAutocapitalizationType
autocapitalizationType设置在什么的情况下自动大写UITextAutocorrectionType
autocorrectionType对于文本对象自动校正风格UIKeyboardType
keyboardType键盘的样式NSArray *scopeButtonTitles搜索栏下部的选择栏,数组里面的内容是按钮的标题NSInteger selectedScopeButtonIndex搜索栏下部的选择栏按钮的个数BOOL showsScopeBar控制搜索栏下部的选择栏是否显示出来

代理列表: 

 

编辑代理

 

  • – searchBar:textDidChange:
  • – searchBar:shouldChangeTextInRange:replacementText:
  • – searchBarShouldBeginEditing:
  • – searchBarTextDidBeginEditing:
  • – searchBarShouldEndEditing:
  • – searchBarTextDidEndEditing:

点击按钮

  • – searchBarBookmarkButtonClicked:
  • – searchBarCancelButtonClicked:
  • – searchBarSearchButtonClicked:
  • – searchBarResultsListButtonClicked:

范围代理

  • – searchBar:selectedScopeButtonIndexDidChange:

 

 

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];  
0 0
原创粉丝点击