UISearchBar and UISearchDisplayController background color

Question

I've added a UISearchBar into the navigation bar which it's visible when the user taps a certain button. Also, I've linked programmatically a UISearchDisplayController. The background color for the search bar is transparent.

My problem is that when the black semi-transparent overlay it's tapped and the UISearchDisplayController becomes inactive, I see a very ugly search bar animation: it stretches to full size (not showing cancel button anymore) and applying some kind o grey background.

When the user taps the cancel button in order to UISearchDisplayController become inactive everything it's fine.

Does anyone have a solution for my problem?

Thanks.

The problem was the fact that I've added incorrectly the UISearchDisplayController reference to the left side menu centered view controller. — dorin, May 05 '15 at 07:22
Then http://meta.stackexchange.com/questions/96395/set-my-own-question-as-solved — OMGHaveFun, May 05 '15 at 07:57
take a look please at my previous answer https://stackoverflow.com/a/45555462/3472073 — ale_stro, Aug 07 '17 at 20:49

OMGHaveFun · Answer 1 · 2015-05-05T06:52:10.497

0

You can make custom background images:

[searchBar setBackgroundImage:[UIImage imageNamed:@"searchBarBackground"]];
[searchBar setScopeBarBackgroundImage:[UIImage imageNamed:@"searchBarBackground"]];
[searchBar setSearchFieldBackgroundImage:[UIImage imageNamed:@"searchFieldBackgroundImage"] forState:UIControlStateNormal];

searchBarBackground

setSearchFieldBackgroundImage - transparent image

edited May 05 '15 at 06:52

answered Apr 29 '15 at 07:18

OMGHaveFun

838
1
10
16

score 0 · Answer 2 · answered May 05 '15 at 09:48

Because I was using UIViewController+MMDrawerController.h the correct way of setting UISearchDisplayController was:

[[UISearchDisplayController alloc] initWithSearchBar:search
                                  contentsController:self.mm_drawerController.centerViewController];

UISearchBar and UISearchDisplayController background color

2 Answers2