UISearchBar clear background image

Question

I have the following code for my UISearchBar:

 UISearchBar * searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, 300, 44)];
    searchBar.placeholder = @"Search for a tag";
    searchBar.delegate = self;

The result is as follows:

enter image description here

I'd like to change the white background to a clear color. How do I do this? Basically I want the textField background color to be clear.

Please try [this][1] [1]: http://stackoverflow.com/questions/2139115/uisearchbar-clear-background-color-or-set-background-image-iphone-sdk Hope it will helps you.... Thanks — Mitesh Khatri, Jun 01 '12 at 06:18
I face this problem recently , I have a different solution than setting transparent background image http://stackoverflow.com/questions/37158702/ios-uisearchbar-background-color-in-ios-9 — Stephen Chen, May 12 '16 at 15:47

score 4 · Answer 1 · answered Jun 04 '13 at 17:28

4

If you are supporting iOS 5 and above just do:

[self.searchBar setBackgroundImage:[[UIImage alloc] init]];

answered Jun 04 '13 at 17:28

3lvis

4,190
1
30
35

1

Awesome -- much better than linking in a transparent image file. – Greg Combs Jul 18 '13 at 23:00

score 3 · Answer 2 · answered Jun 01 '12 at 06:18

3

Try below code to clear background color :

//to clear searchbar backgraound
- (void) clearSearchBarBg
{
    for (UIView *subview in theSearchBar.subviews) 
    {
        if ([subview isKindOfClass:NSClassFromString(@"UISearchBarBackground")]) 
        {
            [subview removeFromSuperview];
            break;
        }
    }
}

answered Jun 01 '12 at 06:18

Maulik

19,348
14
82
137

Good try. The transparent png hack works though: `[searchBar setBackgroundImage: [UIImage imageNamed:@"bg_search.png"] ];` – Warren P Apr 10 '13 at 15:13

score 2 · Accepted Answer · answered Jun 01 '12 at 06:34

2

Make transparent Image, and use that image with below code.

[search setSearchFieldBackgroundImage:[UIImage imageNamed:@"bg_search.png"] forState:UIControlStateNormal];

answered Jun 01 '12 at 06:34

jaym

1,253
13
18

2

I found that destroyed the search bar text field not the background, it should have been: `[searchBar setBackgroundImage: [UIImage imageNamed:@"bg_search.png"] ];` – Warren P Apr 10 '13 at 15:13

score 1 · Answer 4 · answered Jun 01 '12 at 06:25

1

Try this:

[[searchBar.subviews objectAtIndex:0] removeFromSuperview];

answered Jun 01 '12 at 06:25

Hector

3,909
2
30
46

score 0 · Answer 5 · edited Jun 01 '12 at 15:01

0

use this code:

searchBar.backgroundColor=[UIColor clearColor];

edited Jun 01 '12 at 15:01

Peter DeWeese

18,141
8
79
101

answered Jun 01 '12 at 06:13

Wasif Saood

1,998
1
11
12

score 0 · Answer 6 · answered Jan 02 '14 at 00:18

0

for iOS 7, please use

[searchBar setBarTintColor:[UIColor whiteColor]];

for ios 6, use

[searchBar setTintColor:[UIColor whiteColor]];

answered Jan 02 '14 at 00:18

Jacky Li

51
2

score 0 · Answer 7 · answered Sep 11 '14 at 15:13

Ok, this is a clear background, the "Search" placeholder is grey and as is the spyglass icon thingy.

[self.searchBar setPlaceholder:@"Search          "; //the spaces push it to left align as there is no left align for the UISearchBar
[self.searchBar setBackgroundImage:[UIImage imageNamed:@"thatSearchIconThing"] forBarPosition:UIBarPositionTop barMetrics:UIBarMetricsLandscapePhone]; //my app is landscape
[self.search setSearchBarStyle:UISearchBarStyleMinimal];

UISearchBar clear background image

7 Answers7