Why are UISearchBar and its zoom buttons displayed on the same line?

Question

I saw the Apple example “TableSearch,” which, when it touched the buttons on the sphere, fell under the search bar. http://developer.apple.com/iphone/library/samplecode/TableSearch/Introduction/Intro.html

But when I make my own, it looks good at first, but when I touch it, it looks ugly, the sphere buttons and the search bar are displayed on the same line as follows: http://cl.ly/BN9

What do I need to do to make it look like the TableSearch example in iPad?

I do everything in IB and tried to programmatically change the search bar from the controller:

- (void)viewDidLoad { [super viewDidLoad]; self.tableView.rowHeight = 88.0f; self.tableView.contentOffset = CGPointMake(0, self.searchDisplayController.searchBar.frame.size.height); self.searchDisplayController.searchResultsTableView.rowHeight = self.tableView.rowHeight; //BELOW DID NOT WORK: CGRect b = self.searchDisplayController.searchBar.bounds; self.searchDisplayController.searchBar.bounds = CGRectMake(b.origin.x, b.origin.y, b.size.width, self.tableView.rowHeight); b = self.searchDisplayController.searchBar.frame; self.searchDisplayController.searchBar.frame = CGRectMake(b.origin.x, b.origin.y, b.size.width, self.tableView.rowHeight); //BELOW WORKS PERFECT BUT IS A PRIVATE METHOD, HENCE I AM NOT SUPPOSED TO USE IT //[self.searchDisplayController.searchBar setCombinesLandscapeBars:NO]; } 

Thanks in advance.

Answer 1

I also ran into this error, and I filed a report with Apple and requested technical assistance. I will let you know how this happens. In the meantime, I will give you a brief description of this error.

On an iPhone, in order to preserve precious vertical screen real estate in landscape mode, the UISearchDisplayController sets the UISearchBar to combine its search string and search field in one horizontal layout. This works very well due to the increased horizontal screen size (480 pixels in the Landscape). Unfortunately, this does not work so well on the iPad, where in landscape mode, changing the user interface is really not necessary in the first place, because you have a lot of vertical real estate. You also have only 320 pixels of horizontal display space in the main view of the UISplitViewController, and not a 480 iPhone enlarged. The result is iSore.

Presumably the problem is that the UISearchDisplayController is behaving badly in its willRotateToInterfaceOrientation: duration: method. In particular, he did not bother to check whether he is on the iPhone or not, before setting the combandsLandscape property to his UISearchBar. The private kludge API in your code works because it corrects this oversight in the UISearchDisplayController. But, of course, Apple will unleash the fury of the ancients on you for using undocumented APIs, so you cannot. In fact, we are at the mercy of Apple on this.

If you are ready to give up eye candy and the convenience of the UISearchDisplayController, you can use the UISearchBar sans UISearchDisplayController and manage aspects of the presentation yourself. Obviously, this requires much more code, and it would be pointless if the Apple API engineers completed their tasks, but at least resolved the display error.

If you are Apple, you can use your own undocumented APIs, so Mail.app does not have this problem.

UPDATE

The error report I filed with Apple is # 8344719.

Answer 2

Using the following code, you will not receive a warning:

 if ([self.searchDisplayController.searchBar respondsToSelector:@selector(setCombinesLandscapeBars:)]) { objc_msgSend(self.searchDisplayController.searchBar, @selector(setCombinesLandscapeBars:), NO ); } 

Answer 3

When you set the borders and frames for the searchBar, as for the frame here:

 blabla.searchBar.frame = CGRectMake(b.origin.x, b.origin.y, b.size.width, self.tableView.rowHeight); 

There seems to be a problem with height. The Scope buttons require some space under the search bar, so you should increase the height of both borders and frame.

If you show and hide the scope buttons on an event, you need to resize the frame each time.

Answer 4

I get this problem on the iPad, but I can get it to work if I paste it into my implementation file:

 @synthesize tableView; 

I assume that something is bad when loading XIB, but I do not know why this will fix it.