How to change background color of UISearchBar in iOS7

Question

How to change background color of UISearchBar in iOS7?

enter image description here

not gray, I want to change color like my uinavigationbar

if I Use this code, that's what comes out

searchBar.backgroundColor = [UIColor redColor];

enter image description here

That is not red color!!! This exact same situation as in background color of navigation bar.

is this just me or I can't see your pics? – user4951 May 28 '14 at 09:19 — user4951, May 28 '14 at 09:19

score 189 · Accepted Answer · answered Oct 10 '13 at 17:00

189

Need to use:

searchBar.barTintColor = [UIColor redColor];

enter image description here

All thanks!

answered Oct 10 '13 at 17:00

dev.nikolaz

3,184
3
19
32

3

Is that a way to remove the transparency in the searchbar ? because the color is not really red ! – Aladdin Gallas Nov 15 '13 at 19:12
5

@AladdinGallas you simply set UISearchBar's translucent property to NO like so: `[searchbar setTranslucent:NO];` – Pavan Dec 30 '13 at 17:59
i want to add rounded corners to this bar? how can i do that? – Anish Apr 02 '14 at 09:17
1

this does give the bar a red tone, but there is still transparency/alpha to this tone. is there a way to get rid of that and get a pure color as the tint? – Julian B. Sep 29 '14 at 17:38
4

Set the searchbar style to UISearchBarStyleMinimal, than you get the pure color. – Jeroen de Leeuw Oct 10 '14 at 15:15
I tried this but it didn't change the color for some reason. It only changed the color of the cursor? Anyone have any clues on why this happeneed? – Nov 17 '16 at 20:54
@1290 please check if you set `searchBarStyle = .minimal`, change it to default – Milan Kamilya Jun 12 '17 at 15:53

score 59 · Answer 2 · answered Jul 28 '14 at 23:49

59

Set the background image to a clear image and you're good to go. This is also pre-ios 7 compatible.

searchBar.backgroundImage = [[UIImage alloc] init]
searchBar.backgroundColor = [UIColor redColor];

answered Jul 28 '14 at 23:49

Vadoff

9,219
6
43
39

3

This is a really good answer use clearColor if you want to have a minimal design with white in the textField – StackRunner Sep 05 '14 at 08:29

zeeawan · Answer 3 · 2015-04-25T11:57:03.403

33

If the above solutions don't seem working then make sure that you've set the search bar style to Minimal.

[self.searchDisplayController.searchBar setSearchBarStyle:UISearchBarStyleMinimal];

And for simple searchBar

[self.searchBar setSearchBarStyle:UISearchBarStyleMinimal];

SearchBar Style can also be set from interface builder to Minimal.

edited Apr 25 '15 at 11:57

answered Jan 22 '15 at 16:10

zeeawan

6,667
2
50
56

score 6 · Answer 4 · answered Mar 23 '14 at 08:07

6

it's not really work for me , or sometimes , if you too , try this

for (UIView *view in [[filterTextField.subviews objectAtIndex:0] subviews]){
                if ([NSStringFromClass([view class]) isEqualToString:@"UISearchBarBackground"])
                    view.alpha = 0;

            }

answered Mar 23 '14 at 08:07

chings228

1,859
24
24

1

The if clause could simply be `if ([view isKindOfClass: UISearchBarBackground)`. – franklsf95 Jul 27 '14 at 23:00
@franklsf95 It wouldn't work since it's an undocumented class. – jbouaziz Mar 19 '15 at 10:03

score 4 · Answer 5 · answered Oct 10 '13 at 16:43

If the UISearchBar was defined in the MainStoryBoard, just click on that UISearchBar and take a look to the options you can handle at right. Over there if you click on the fourth tab (the one that looks like a shield) you've got a Bar Tint option. There you can select the UISearchBar color you want.

If not, I guess programatically you can do something like this:

    UISearchBar* sb =[[UISearchBar alloc] init];
    sb.backgroundColor=[UIColor redColor];

I hope this helps!

How to change background color of UISearchBar in iOS7

5 Answers5

Linked