iPhone SDK: Setting the size of UISearchDisplayController's table view

Question

My app's table view does not occupy the full screen height, as I've allowed 50px at the bottom for a banner.

When I begin typing in the search bar, the search results table view is larger; it fills all available screen space between the search bar and the tab bar. This means that the very last search result is obscured by the banner.

How do I specify the size of the table view used by UISearchDisplayController? There's no bounds or frame property that I can see.

EDIT TO ADD SCREENSHOTS:

This is how the table view is set up in IB. It ends 50px short of the synthesized tab bar.

_{(source: lightwood.net)}

This is how content displays normally. I've scrolled to the very bottom here.
_{(source: lightwood.net)}

This is how it displays when searching. Again, I've scrolled to the very bottom. If I disable the banner ad, I can see that the search display table spreads right down to the tab bar.

_{(source: lightwood.net)}

Also worth noting that I have tried different heights of the table view, and the search display results ALWAYS extend to the bottom of the screen. The issue is not that the search bar itself is ~50px, pushing everything down behind the banner. — Chris Newman, Mar 05 '10 at 23:02

score 51 · Accepted Answer · answered Mar 07 '10 at 01:20

The key to solving this one was finding out when to change the geometry of the table view. Calling:

[self.searchDisplayController.searchResultsTableView setFrame:someframe];

after creating the UISearchDisplayController was futile. The answer was this delegate method:

-(void)searchDisplayController:(UISearchDisplayController *)controller didShowSearchResultsTableView:(UITableView *)tableView {
    tableView.frame = someframe;
}

Note, I had also tried -searchDisplayController:didLoadSearchResultsTableView but it did no good in there. You have to wait until it's displayed to resize it.

Also note that if you simply assign tableView.frame = otherTableView.frame, the search results table overlaps its corresponding search bar, so it is impossible to clear or cancel the search!

My final code looked like this:

-(void)searchDisplayController:(UISearchDisplayController *)controller didShowSearchResultsTableView:(UITableView *)tableView {

    CGRect f = self.masterTableView.frame;  // The tableView the search replaces
    CGRect s = self.searchDisplayController.searchBar.frame;
    CGRect newFrame = CGRectMake(f.origin.x,
                                 f.origin.y + s.size.height,
                                 f.size.width,
                                 f.size.height - s.size.height);

    tableView.frame = newFrame;
}

@user2872856 `tableView.frame` is a CGRect, so you can do: `CGRect someframe = CGRectMake(CGFloat x, CGFloat y, CGFloat width, CGFloat height);` — BigHeadCreations, Dec 26 '17 at 06:23

score 1 · Answer 2 · answered Feb 22 '11 at 16:53

I updated the code to allow for deeper view hierarchies, but the initial frame of the semi-transparent cover view still takes up the entire window below the search bar.

-(void)searchDisplayController: (UISearchDisplayController*)controller 
 didShowSearchResultsTableView: (UITableView*)tableView 
{
    if ( [controller.searchBar.superview isKindOfClass: [UITableView class]] )
    {
        UITableView* staticTableView = (UITableView*)controller.searchBar.superview;

        CGRect f = [tableView.superview convertRect: staticTableView.frame fromView: staticTableView.superview];
        CGRect s = controller.searchBar.frame;
        CGRect newFrame = CGRectMake(f.origin.x,
                                     f.origin.y + s.size.height,
                                     f.size.width,
                                     f.size.height - s.size.height);

        tableView.frame = newFrame;
    }
}

score 0 · Answer 3 · answered Mar 05 '10 at 18:33

I'm not sure I completely understand what you're describing, it would be nice to have a screenshot.

It sounds like what's happening is the UITableView is the size of the screen and the banner is overlapping the bottom 50 pixels of it. All UIView children have a frame, bounds, and center properties they inherit from their common UIView parent.

@interface UIView(UIViewGeometry)

// animatable. do not use frame if view is transformed since it will not correctly reflect the actual location of the view. use bounds + center instead.
@property(nonatomic) CGRect            frame;

// use bounds/center and not frame if non-identity transform. if bounds dimension is odd, center may be have fractional part
@property(nonatomic) CGRect            bounds;      // default bounds is zero origin, frame size. animatable
@property(nonatomic) CGPoint           center;      // center is center of frame. animatable
@property(nonatomic) CGAffineTransform transform;   // default is CGAffineTransformIdentity. animatable
// ... from UIView.h

You can manipulate these properties as you like, it sounds like you simply need to adjust the bounds to be 50 pixels smaller than the screen, and do some math to calculate your new center.

I've added some screenshots. At no point am I setting the geometry for the search table display. If I can figure out where to do that, it's probably the answer... but the searchResultsTableView property of a UISearchDisplayController is read-only. — Chris Newman, Mar 05 '10 at 22:59
The searchResultsTableView property is readonly, but that just means you can't change the handle on the controller, you should be able to manipulate the tableview itself. — slf, Mar 06 '10 at 02:25
there are two UITableViews, the one you are creating, and the one created by the search results controller. you'll need to manipulate both if you want them both to have the same effect — slf, Mar 06 '10 at 02:28

iPhone SDK: Setting the size of UISearchDisplayController's table view

3 Answers3

Linked