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，并加入了一个圆角和边框，效果如下：

dns77gvpR/1fna/s3729O51Lk5HpPPXLACKGTBcXEAvK1DfEIEANRbABBFFn3vQkCLXn2BwD/xojdeCEsAjjoCENyJrDwADiMpLYQpyHvewiEWDTYzE66/Iz3OzHRRi4x4J0zn3NzbOQBwMQB87Z+bmy2fm/tahjT7HoCLvot+ez4IAwBkI/4y2O36ZL0r+I/4C2Tm9w110bglAAAIt0lEQVR4nO3dXWsTyxsA8GdmdpvdpsHaJmpqUnxpa6sYKr4bFRR8qUUEL7zRO28EQaifwW/gV6gHFASvqigWtRcFBSv1yJGiqG1VbFqjsdlNszvznIvR6FFTD+e/G//a53fVJpOZTciTedlndll3dzdjDAghvxREBIBnz8YRwIjFYj/7eAgh/wvkP/sICCH/HQIAgKG7ZkLIrwkBGPXGhPzCGGM0qCbkd0BhTMivjQEzatwkIrquOzs7WyqVatw0IaGyLKuhocG27VqewUUEAKxFGOtVtOnpadd1a9AcIT9FqVSqdE62bcfjcfg4dw0RY4BYk964EsCIyBjjnLNPatA6ITWAnyil9JBzYmLCtu1EIhFywxB6b4yIExMT+g8hhBAi1OYI+Vkq3ZL+kksppZSu646Pj6fT6bB7rBCXuHzf1zHMGDNNk2KYLBxCCNM0dfROTEz4vh9SQxjqeWNEfPXqFSJyzg3DoPEzWWgYY4ZhcM4rsRBWQ+H1xrofpoE0WeAqIaAjIgQMw0j/QMRcLgcAnHOKYUKEEJxzAMjlciH0yQgAoSxx6XXpajGMAFzUMWFwbgCAUj5KX8kyDbvJ70oIoZQK74Qrx6DprrhaDDMuhGmLOpsLExgDxrgwRZ0tTJvxH3fdzc3NnZ2dXz4SjUYzmcwPX7Vly5Z//ZkQEjwdEbpDDhAAAwx6bswY02fA9SjiKwjARB036pT0ZNn13ILnFmTZVdLjRh0TdT8ccCSTyT179lTa6ujoiMVi3d3d35ZsbGyMxWKWZZmm2dTU1NbWZppmJBKJRqNNTU205EZqTEdEqVQK+ruHwIIeVCuloEoMAwD/FMPKKwEq/W5QllH5AMCNOlQSZXme+ufm5t6/fw8AXV1dPT09k5OTo6OjSqljx44JIVavXn3u3Dldcu/evbZte54npYzFYsuWLTty5IheNrcs6+LFi8ViMch4TsiPcM6VUkqpQCOZscDnxjo2qh0lEwYAoPQB1T+eQIXSB2EyYVQL42g0mk6nE4lELBbr7OyMxWIPHjwYHBzUWTKXLl0CgL6+Pl148eLF9+/fl1LqgUdLSwvnfHh5uHKCvrm5mcKY1Jj++hWLxYaGhuBqRQw8jB3HmefZj2ta0vs2ypX0BNicG+rblwEAgGmaS5YsWbRoUSQSSSQSvu9nMplUKnX37l0A6OnpicVi9fX1uvDmzZsTicSrV6/0v5lMZnx8vKOjo1JbNput9NuE1JLjOIGGMUDgO5zm5uYgnHTwd+/e3blzZ8WKFbFYbGhoKJPJjI6ODg4O6gT0q1evAsDZs2cr5R89evTgwQPOeW9vby6Xu3nzZqFQWLp0abFYnJ2dzWazgR8hIfPTcaFjJDAIAChaW1sDrLNQKED1ZWrggnEBqADlN8/UcWEq5aP05qm/sbGxvb29vb3ddd329va1a9euW7cunU6nUqkNGzZ4njcyMgIAjuMUCoWVK1ceP378xYsXQ0NDnPNdu3bt2rXrw4cPb968efjwIe2UJDXGGNOLR4sWLQqqzqncdPBLXBoifrdD/jwBVv+cHjP+edpcXSQSWb9+fTKZvHDhwszMjE5VbWpqymazN2/e1OsHuuTr16/j8Xgmk3n8+LFt26dPny6VSgMDA7du3dJD63w+H+D7JeTfwFDyMREAAu6Ny+Wy7/vVNiEiSsY4N+qAcQCGqAAYF3XciHBhKukpv1RtOL58+fIzZ87k8/lCoTA0NNTa2trb25tOpz3Pm5mZicfj+/fvz+fzr1+/1uUdx5menm5tbW1pabl169b169f1nOTw4cOGYYSWGUdIVXrB1bKsaDQaVJ1TUzkIPIw5547j6B3F3z7LAPSPBzfquDCFGRFmhAuTfTxBxeYZUc/Ozg4PDxcKhXQ6/fDhw7dv346Ojm7btu369etjY2OImEwmBwYGKu***jy5adMm0zQdx0kmk/v27dML1BMTE93d3Y7j6DQVQmpGh4FjY6NpmkHVOTWVAww6jE3TLBQK+toA3y+BqJSvLz3CGAcApXwlPWCMc8GEMU8kSykbGxt1GOt/nzx5cuLECcMwstlsf3+/lJ+n3CMjI6Ojo11dXYODg2NjY8uWLbt8+XI2m3327Nnt27ffv3/vefNNwgkJnL6iQHNzc4B1Tk3lgAWdjFk53HkaZgAoy6rs+KWCXyqosoP+nJoropKMCxGJfuy2v+erXwfGmOu6+/bty+fzhmF8+fj27dtPnTp17969ycnJyuNXrlzZuHHj0aNHw9v/SUg1lbgIOOIw6CUuRLRt23VdpVTVDrnKS+VcUUSijAseqZel2a+G5ZzzAwcOtLW1PX/+3DCMQ4cOrVq1yvO8a9euPX36dOfOnX19ffl8/o8//sjn8wcPHqyvrz9//ny5XN66dWsqldKfYLFY7O/v37lz5+7du2/cuBHoWydkPvobaNs2Br7QxYDt2LEj4EoBJicn9Z7p/3BEPFKP3pxOz/zKmjVrEPHp06dSys7OzpcvX3748OHLAq2trePj41+9qqurq6GhYWxsTGdxEvJT+L6PiKlUKthq/3z0F2IIYYyIMzMzpVKJ9hsTokkplVKWZTU3NwebHPXno78gjKt/MMZ0nrPOAg+8fkJ+LZVASCQSIW2tC+UiPpXBAyJSJJOFTK9OA0AqlQp+VgwAAIhh4sMpmUwqpfRwIrxWCPm/Vfn+J5PJkJpARBbqHRWFELpPllJWskkJWQj0pmKdyJBKpcJbJGKMAQv/VmzpdNqyrHK5LKWsbJuujDQI+T3o+aPGOZdSlstly7LS6XQNmg795i+IqFfnpqenaVMRWQiklJZlxePxL3OiwoIAIV0Z8yt6dS4ejzPGENF1Xcdx6LZs5Ddj23Z9fb2+oyJ+TDcO/ZJvqC9wW8vBrW7LsizLsmrWKCG1VIse+AuMseCTMQkhtaR/MiiMCfmlsRDv4UQIqQEGUIsTToSQELGQs7gIIaFDYCzMLC5CSOgYAMDf3AhFHhfWMTMAAAAASUVORK5CYII=">

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;
}

运行效果：