SearchBar的那些事-创新互联

最近项目中要求修改searchbar的风格，查了一些资料，简单总结一下。

1. 修改searchbar背景和其中textfield的背景

mySearchBar.backgroundColor = [UIColor clearColor];

   for (UIView *subview in mySearchBar.subviews) {

       if ([subview isKindOfClass:NSClassFromString(@"UISearchBarBackground")]) {

           [subview removeFromSuperview];

       } else if ([subview isKindOfClass:[UITextField class]]) {

           UITextField *searchField = (UITextField *)subview;

           searchField.textColor = [UIColor whiteColor];

           [searchField setBackground: [UIImage p_w_picpathNamed:@"search_1"]];//在这添加灰色的图片

           [searchField setBorderStyle:UITextBorderStyleNone];

           searchField.layer.cornerRadius = 15;

           searchField.layer.masksToBounds = YES;

           searchField.placeholder = @"搜索";

           searchField.textColor = [UIColor lightGrayColor];

           searchField.layer.borderWidth = 2;

           searchField.layer.borderColor = [UIColor colorWithRed:30/255.0 green:30/255.0 blue:30/255.0 alpha:1].CGColor;

       }

   }

添加一个深灰色的背景图search_1.png，并加入了一个圆角和边框，效果如下：

2.点击搜索框后弹出取消按钮，修改取消按钮风格和搜索框边框颜色，需要实现searchbar的代理方法如下：

- (BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar {
   [searchBar setShowsCancelButton:YES animated:YES];
   for(id cc in [searchBar subviews])
   {
       if([cc isKindOfClass:[UIButton class]])
       {
           UIButton *btn = (UIButton *)cc;
           btn.layer.cornerRadius = 15;
           btn.layer.masksToBounds = YES;
           [btn setBackgroundImage:[UIImage p_w_picpathNamed:@"top_button"] forState:UIControlStateNormal];
           [btn setBackgroundImage:[UIImage p_w_picpathNamed:@"top_button-hover"] forState:UIControlStateHighlighted];
           [btn setTitle:@"取消" forState:UIControlStateNormal];
       } else if ([cc isKindOfClass:[UITextField class]]) {
           UITextField *searchField = (UITextField *)cc;
           searchField.layer.borderWidth = 2;
           searchField.layer.borderColor = [UIColor colorWithRed:56/255.0 green:173/255.0 blue:255/255.0 alpha:1].CGColor;
       }
   }
   return YES;
}

运行效果：

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。