在IOS混飯吃的同志們都很清楚，搜尋框在移動開發應用中的地位。今天我們就結合下拉列表框的實現來聊聊UISearchBar的使用。本人新入行的菜鳥一個，不足之處請多多指教。直接上程式碼。

UISearchBar控制元件的宣告：（在控制器DownListViewController中）

1. @property(nonatomic,retain)UISearchBar*searchBar;

控制元件的初始化：

1. _searchBar=[[UISearchBaralloc]initWithFrame:CGRectMake(0,0,320,40)];
2. _searchBar.placeholder=@"test";//設定佔位符
3. _searchBar.delegate=self;//設定控制元件代理

當然，做完這些工作之後，我們還要在將控制元件新增到父檢視之上，也可以把他設定成UITableView的tableHeaderView屬性值，由於大家需求不一，這裡就不再給出程式碼。

前面，我們設定了控制元件的代理，當然我們必須讓控制器（DownListViewController）的 .h 檔案實現 UISearchBarDelegate 協議，然後我們繼續， 我們要在 .m 檔案中實現協議方法：

1. #pragmamark-
2. #pragmamarkUISearchBarDelegate
4. //搜尋框中的內容發生改變時 回撥（即要搜尋的內容改變）
5. -(void)searchBar:(UISearchBar*)searchBartextDidChange:(NSString*)searchText{
6. NSLog(@"changed");
7. if(_searchBar.text.length==0){
8. [selfsetSearchControllerHidden:YES]; //控制下拉列表的隱現
9. }else{
10. [selfsetSearchControllerHidden:NO];
12. }
13. }
14. 
    
15. -(BOOL)searchBarShouldBeginEditing:(UISearchBar*)searchBar{
16. searchBar.showsCancelButton
    =YES;
17. for(id cc in [searchBar subviews])
    {
    if([cc isKindOfClass:[UIButton class]])
    {
    UIButton *btn = (UIButton *)cc;
    [btn setTitle:@"取消" forState:UIControlStateNormal];
    }
    }
    
18. NSLog(@"shuouldbegin");
19. returnYES;
20. }
22. -(void)searchBarTextDidBeginEditing:(UISearchBar*)searchBar{
23. searchBar.text=@"";
24. NSLog(@"didbegin");
25. }
27. -(void)searchBarTextDidEndEditing:(UISearchBar*)searchBar{
28. NSLog(@"didend");
29. searchBar.showsCancelButton=NO;
31. }
33. -(void)searchBarSearchButtonClicked:(UISearchBar*)searchBar{
34. NSLog(@"searchclicked");
35. }
37. //點選搜尋框上的 取消按鈕時 呼叫
38. -(void)searchBarCancelButtonClicked:(UISearchBar*)searchBar{
39. NSLog(@"cancleclicked");
40. _searchBar.text=@"";
41. [_searchBarresignFirstResponder];
42. [selfsetSearchControllerHidden:YES];
43. }

至此，搜尋框的實現就搞定了，怎麼樣簡單吧。下面我們來講講下拉列表框的實現，先說說他的實現原理或者是思路吧。下拉列表框我們用一個控制器來實現，我們新建一個控制器SearchViewController.

1. @interfaceSearchViewController:UITableViewController
3. @end

在 .m 檔案中，我們實現該控制器

1. -(id)initWithStyle:(UITableViewStyle)style
2. {
3. self=[superinitWithStyle:style];
4. if(self){
5. //Custominitialization
6. }
7. returnself;
8. }
10. -(void)viewDidLoad
11. {
12. [superviewDidLoad];
14. self.tableView.layer.borderWidth=1;
15. self.tableView.layer.borderColor=[[UIColorblackColor]CGColor];
17. }

然後實現控制器的資料來源，

1. #pragmamark-
2. #pragmamarkTableviewdatasource
3. 
   
4. -(NSInteger)numberOfSectionsInTableView:(UITableView*)tableView{
   
5. return1;
6. }
9. -(NSInteger)tableView:(UITableView*)tableViewnumberOfRowsInSection:(NSInteger)section{
10. // 返回列表框的下拉列表的數量
    
11. return3;
12. }
15. //Customizetheappearanceoftableviewcells.
16. -(UITableViewCell*)tableView:(UITableView*)tableViewcellForRowAtIndexPath:(NSIndexPath*)indexPath{
18. staticNSString*CellIdentifier=@"Cell";
20. UITableViewCell*cell=[tableViewdequeueReusableCellWithIdentifier:CellIdentifier];
21. if(cell==nil){
22. cell=[[UITableViewCellalloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:CellIdentifier];
23. }
25. //Configurethecell...
26. NSUIntegerrow=[indexPathrow];
27. cell.textLabel.text=@"downlist";
29. returncell;
30. }

這樣列表框的控制器就實現了。接下來我們就來看看怎麼讓出現、隱藏。這點我們利用UIView的動畫效果來實現,我們在DownListViewController控制器中 增加一個方法：

1. -(void)setSearchControllerHidden:(BOOL)hidden{
2. NSIntegerheight=hidden?0:180;
3. [UIViewbeginAnimations:nilcontext:nil];
4. [UIViewsetAnimationDuration:0.2];
6. [_searchController.viewsetFrame:CGRectMake(30,36,200,height)];
7. [UIViewcommitAnimations];
8. }

我們只需呼叫該方法就可以了。現在我們看看DownListViewController的佈局方法

1. -(void)viewDidLoad
2. {
3. [superviewDidLoad];
4. _searchBar=[[UISearchBaralloc]initWithFrame:CGRectMake(0,0,320,40)];
5. _searchBar.placeholder=@"test";
6. _searchBar.delegate=self;
8. _tableview=[[UITableViewalloc]initWithFrame:self.view.boundsstyle:UITableViewStylePlain];
9. _tableview.dataSource=self;
10. _tableview.tableHeaderView=_searchBar;
12. _searchController=[[SearchViewControlleralloc]initWithStyle:UITableViewStylePlain];
13. [_searchController.viewsetFrame:CGRectMake(30,40,200,0)];
15. [self.viewaddSubview:_tableview];
16. [self.viewaddSubview:_searchController.view];
17. }

這樣一切都搞定了。

好了，總結一下：

我們用了兩個控制器：DownListViewController（搜尋框的實現 和 控制下拉列表框的出現與隱藏）和SearchViewController（下拉列表框的實現）。在DownListViewController中我們宣告並初始化 UISearchBar和SearchViewController（高度開始設定為零），用動畫來實現下拉列表框的出現與隱藏。

轉載於:https://blog.51cto.com/izhuaodev/1102408