自定义UISearchBar背景、边框、左侧图标、删除图标、取消按钮

最新推荐文章于 2024-05-10 16:18:10 发布

Tammy_T

最新推荐文章于 2024-05-10 16:18:10 发布

阅读量7.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： iOS 文章标签： UISearchBar 自定义背景图标取消按钮

本文链接：https://blog.youkuaiyun.com/tammy_min/article/details/47918477

iOS 专栏收录该内容

62 篇文章

订阅专栏

本文介绍了如何详细定制UISearchBar，包括设置搜索框的背景颜色、边框样式，以及如何自定义左侧的图标、删除图标，并更改取消按钮的文字内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<span style="background-color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif;">自定义UISearchBar背景、边框、左侧图标、删除图标</span>

 self.searchBar = [[UISearchBar alloc] initWithFrame:[AdapterRect adapterRectByWidth:(CGRect){0, 0, 200, 30}]];
    self.searchBar.placeholder = @"搜索商品分类 品牌";
    self.searchBar.delegate = self;
    UIView *searchTextField = nil;
    if ([[[UIDevice currentDevice] systemVersion] doubleValue] >= 7.0) {
        self.searchBar.barTintColor = [UIColor colorFromHexString:@"#27dcfb"];
        searchTextField = [self.searchBar valueForKey:@"_searchField"];
    }else{
        for (UIView *subView in self.searchBar.subviews) {
            if ([subView isKindOfClass:NSClassFromString(@"UISearchBarTextField")]) {
                searchTextField = subView;
                break;
            }
        }
    }
    if (searchTextField) {
        searchTextField.backgroundColor = [UIColor colorFromHexString:@"#27dcfb"];
        searchTextField.layer.masksToBounds = YES;
        searchTextField.layer.cornerRadius = 3.0f;
        searchTextField.layer.borderColor = [UIColor whiteColor].CGColor;
        searchTextField.layer.borderWidth = 0.5;
        ((UITextField *)searchTextField).textColor = [UIColor whiteColor];
        [((UITextField *)searchTextField) setValue:[UIColor whiteColor] forKeyPath:@"_placeholderLabel.textColor"];
    }
    [self.searchBar setImage:[UIImage imageNamed:@"search"] forSearchBarIcon:UISearchBarIconSearch state:UIControlStateNormal];
    [self.searchBar setImage:[UIImage imageNamed:@"cha"] forSearchBarIcon:UISearchBarIconClear state:UIControlStateNormal];
    self.navigationItem.titleView = self.searchBar;

修改UISearchBar的取消按钮上的文字：

- (void)searchBarTitleDidChangedForSearchCancelBtn{
    
    UIButton *cancelButton;
    if (IOS_IS_AT_LEAST_7) {
        UIView *topView = self.searchBar.subviews[0];
        for (UIView *subView in topView.subviews) {
            if ([subView isKindOfClass:NSClassFromString(@"UINavigationButton")]) {
                cancelButton = (UIButton *)subView;
                break;
            }
        }
    }else{
        for(id subView in [self.searchBar subviews]){
            if([subView isKindOfClass:[UIButton class]]){
                cancelButton = (UIButton *)subView;
                break;
            }
        }
    }
    if (cancelButton) {
        if (isSearch) {
            [cancelButton setTitle:@"搜索" forState:UIControlStateNormal];
        }else{
            [cancelButton setTitle:@"取消" forState:UIControlStateNormal];
        }
    }
    
}