UI基础 - UISearchBar

■ 简言

1. UISearchBar 是一个搜索控件，它提供了一个文本输入框、一个查找按钮、一个书签按钮、一个取消按钮，我们可以使用 UISearchBarDelegate 来进行查找操作

■ 使用方式

#import "ViewController.h"
@interface ViewController ()<UISearchBarDelegate>
@property(nonatomic,strong)UISearchBar *searchBar;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor brownColor];
    
    // UISearchBar
    self.searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(15, 50, self.view.frame.size.width-30, 280)];
    _searchBar.placeholder = @"Search";// 占位符
    [_searchBar setBarStyle:UIBarStyleDefault];  // 样式
    [_searchBar setTintColor:[UIColor redColor]];// 光标、分栏、取消按钮颜色
    [_searchBar setTranslucent:NO];// 毛玻璃效果
    [_searchBar setKeyboardType:UIKeyboardTypePhonePad];// 键盘样式
    _searchBar.autocapitalizationType = UITextAutocapitalizationTypeWords;// 单词首字母大写
    
    // 顶部提示文本：会影响背景图片
    [_searchBar setPrompt:@"搜索框"]; // 这里会影响搜索框的背景图片
    
    // 显示分栏条：分栏条显示后，UISearchBar 尺寸自动改变系统默认大小
    [_searchBar setShowsScopeBar:YES];// 是否显示分栏条
    
    [_searchBar setScopeButtonTitles:[NSArray arrayWithObjects:@"通话",@"联系人",@"其他", nil]];// 分栏条：显示栏目标题
    [_searchBar setSelectedScopeButtonIndex:1];// 默认选中按钮下标：联系人
    
    // 背景图片：分栏条显示时才有效果
    UIImage *img = [UIImage imageNamed:@"searchBack.png"];
    [_searchBar setBackgroundImage:img];
    [_searchBar setScopeBarBackgroundImage:[UIImage imageNamed:@"scopeBarBack.png"]];
    
    _searchBar.delegate = self;// 代理
    [self.view addSubview:_searchBar];
    
    // 偏移
    [_searchBar setSearchTextPositionAdjustment:UIOffsetMake(10,0)];// 搜索文本偏移量
    [_searchBar setSearchFieldBackgroundPositionAdjustment:UIOffsetMake(1, 1)];// 文本框的偏移量
    
    // 是否显示搜索结果按钮
    // [_searchBar setShowsSearchResultsButton:YES];
    // 是否显书签按钮
    [_searchBar setShowsBookmarkButton:YES];
}

#pragma mark - <UISearchBarDelegate>
// 开始编辑时
-(BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar{
    // 显示取消按钮
    [self.searchBar setShowsCancelButton:YES animated:YES];
    return YES;
}

// 点击取消按钮时
-(void)searchBarCancelButtonClicked:(UISearchBar *)searchBar{
    // 键盘回收
    [self.searchBar resignFirstResponder];
    // 关闭取消按钮
    [self.searchBar setShowsCancelButton:NO animated:YES];
}

// 点击搜索结果按钮时
-(void)searchBarResultsListButtonClicked:(UISearchBar *)searchBar{
    NSLog(@"__%s__",__func__);
}

// 点击搜索书签按钮时
-(void)searchBarBookmarkButtonClicked:(UISearchBar *)searchBar{
    NSLog(@"__%s__",__func__);
}

// 动态检测文本框内容时
-(void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText{
    NSLog(@"%@",searchText);
}

@end

运行效果