Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

UISearchBar cancel button color?

When I drop a UISearchBar into my view inside Interface Builder, and change its style to Black Opaque, the cancel button stays unfittingly blue / gray and doesn't become black.

How can I make the cancel button black?

EDIT: It does work like this:

// Assume a UISearchBar searchBar. NSArray *subviews = [searchBar subviews];  // The index depends on how you configure the searchBar. UIButton *cancelButton = [subviews objectAtIndex:3];  // Set the style to "normal" style. [cancelButton setStyle:0]; 

But the setStyle: method is from a private framework, so this might be an issue when submitting the app to Apple.

like image 697
cactus Avatar asked May 07 '10 09:05

cactus


2 Answers

I used some thing like this and worked with me:

[[UIBarButtonItem appearanceWhenContainedIn: [UISearchBar class], nil] setTintColor:[UIColor blackColor]]; 

it changed the cancel button color to black.

Update for iOS 9.0, the method appearanceWhenContainedIn is deprecated, use appearanceWhenContainedInInstancesOfClasses instead:

[[UIBarButtonItem appearanceWhenContainedInInstancesOfClasses:@[[UISearchBar class]]] setTintColor:[UIColor blackColor]]; 

And in Swift 3:

UIBarButtonItem.appearance(whenContainedInInstancesOf:[UISearchBar.self]).tintColor = UIColor.black 
like image 148
Hossam Ghareeb Avatar answered Sep 20 '22 08:09

Hossam Ghareeb


The problem with your solution is that the code is assuming that the objectAtIndex:3 is the cancel button. Not only does this generate a compiler warning, but also if you are displaying the Cancel button programmatically (for example using [searchBar setShowsCancelButton:YES], you risk crashing the application.

A simpler solution is to set the style of the whole search bar in ViewDidLoad(), using:

searchBar.tintColor = [UIColor colorWithWhite:0.3 alpha:1.0]; 

this overrides the style set in the Interface Builder BUT also changes the colour of the Cancel button to be same colour as the whole bar (although it doesn't let you set the style of Cancel button independently, unfortunately.

like image 28
Alun Avatar answered Sep 19 '22 08:09

Alun