How to change color of Search Bar?

Question

I've implemented a Search Bar and I want to change color of Search Bar. How can I do that?

I've tried with:

self.mySearchBar.backgroundColor = [UIColor redColor];

but with no success.

UPDATE (Solved):

I had to remove the default background color before I defined background color with the following code.

for (UIView *subview in mySearchBar.subviews) {
    if ([subview isKindOfClass:NSClassFromString(@"UISearchBarBackground")]) {
        [subview removeFromSuperview];
        break;
    }
}

... so code would be next:

  for (UIView *subview in mySearchBar.subviews) {
      if ([subview isKindOfClass:NSClassFromString(@"UISearchBarBackground")]) {
          [subview removeFromSuperview];
          break;
      }
  } 

  self.mySearchBar.backgroundColor = [UIColor redColor];

may be this can help u http://stackoverflow.com/questions/2139115/uisearchbar-clear-background-color-or-set-background-image-iphone-sdk — Aakil Ladhani, May 10 '12 at 11:30
That was the answer I had given, you should select my answer as the correct one — Gabriel Cartier, Oct 01 '14 at 02:49

score 29 · Accepted Answer · edited Sep 28 '15 at 10:42

29

Try:

self.mySearchBar.barTintColor = [UIColor redColor];

edited Sep 28 '15 at 10:42

Hiren

12,720
7
52
72

answered Dec 12 '13 at 07:37

arniotaki

2,175
2
23
26

score 6 · Answer 2 · answered Jan 19 '13 at 11:11

6

self.mySearchBar.backgroundColor = [UIColor redColor];

won't do anything,

but

self.mySearchBar.tintColor = [UIColor redColor];

will!

answered Jan 19 '13 at 11:11

user1927446

1,053
8
7

score 3 · Answer 3 · edited May 23 '17 at 11:54

    self.mySearchBar.backgroundVolor = [UIColor redColor];

"Volor" or "Color

  self.mySearchBar.backgroundColor = [UIColor redColor];

Also if you want to tint it:

According to the documentation : https://developer.apple.com/iphone/library/documentation/UIKit/Reference/UISearchBar_Class/Reference/Reference.html, there is a tintColor property on the UISearchBar class.

In the TableSearch example: https://developer.apple.com/library/ios/#samplecode/TableSearch/ the search bar is defined and loaded in the MainView.xib. If you want to change its tintColor or style, just do it in the xib and it will be loaded into the application.

BUT THE ONLY REAL WAY to change background color is to override it, look at the answer from the following question

UISearchBar clear background color or set background image [iphone sdk]

what does this even mean? "backgroundVolor" or "backgroundColor"? — MCKapur, Sep 07 '14 at 13:40

score 2 · Answer 4 · answered Mar 13 '14 at 14:06

I'm not sure if it has changed since iOS7, but it seems that the search bar in the search display controller requires an extra loop to properly remove the UISearchBarBackground view.

I created a recursive method to properly clean the search bar.

- (void) removeUISearchBarBackgroundInViewHierarchy:(UIView *)view
{
    for (UIView *subview in [view subviews]) {
        if ([subview isKindOfClass:NSClassFromString(@"UISearchBarBackground")]) {
            [subview removeFromSuperview];
            break; //To avoid an extra loop as there is only one UISearchBarBackground
        } else {
            [self removeUISearchBarBackgroundInViewHierarchy:subview];
        }
    }
}

You can simply send your search bar to the method and change the color afterward, a bit like the suggested answers above.

[self removeUISearchBarBackgroundInViewHierarchy:self.searchDisplayController.searchBar];
self.searchDisplayController.searchBar.backgroundColor = yourUIColor;

score 2 · Answer 5 · answered Oct 04 '18 at 18:17

2

I had to set UISearchBar's searchBarStyle to .default, otherwise nothing works.

answered Oct 04 '18 at 18:17

da1

487
5
10

score 1 · Answer 6 · edited Jan 16 '15 at 20:00

1

searchBar.barTintColor =  UIColor.redColor()

edited Jan 16 '15 at 20:00

Andy

49,085
60
166
233

answered Jan 16 '15 at 19:50

clearlight

12,255
11
57
75

Best to elaborate on why this is the correct answer - give some context around the code snippet. – brandonscript Jan 17 '15 at 00:52

score 0 · Answer 7 · answered May 10 '12 at 11:30

0

Try this code it works fine for me.

for( UIView* v in [parent subviews] ) { 
if( [v isKindOfClass:[UISearchBar class]] ) {
  [(UISearchBar*)v  setTintColor:[UIColor blackColor]];
}

answered May 10 '12 at 11:30

Ronak

1
1

score 0 · Answer 8 · answered Oct 22 '15 at 16:21

If you have issues with top and bottom lines try to remove the UISearchBarBackground:

self.searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, self.tableView.frame.size.width, 50)];

for (UIView *subview in self.searchBar.subviews) {
    if ([subview isKindOfClass:NSClassFromString(@"UISearchBarBackground")]) {
        [subview removeFromSuperview];
        break;
    }
    for (UIView *subsubview in subview.subviews) {
        if ([subsubview isKindOfClass:NSClassFromString(@"UISearchBarBackground")]) {
            [subsubview removeFromSuperview];
            break;
        }
    }
}

self.searchBar.barTintColor = [UIColor redColor];
self.searchBar.backgroundColor = [UIColor redColor];

score 0 · Answer 9 · answered Oct 08 '21 at 14:12

0

Depends what exactly are you going to change

searchBar.barTintColor
searchBar.tintColor

Other items you are able customise thought some extra code

answered Oct 08 '21 at 14:12

yoAlex5

29,217
8
193
205

How to change color of Search Bar?

9 Answers9

Linked