Adding UISearchBar to UITableView

Question

Background: I have a UIViewController which has a UITableView added programmatically. At the top of the UITableView I have a tablHeaderView in which I have placed a UIView. This UIView has a UISearchBar and a segmentedControl. The idea being: that a user can sort the UITableView by some basic categories such as 'Date/Time' or 'Location' etc. They can also search by an item in the programme.

Problem: When I tap the search bar it resizes (which I don't want) and then when I cancel the search it resizes again and stays there until the UIViewController is exited and loaded again.

Screenshot with first screen looking ok, but when you tap into the search bar it resizes and looks odd. You then cancel the search to get rid of it and it resizes again, taking up all of the tableHeaderView

Code:

-(void)loadTableView
{
    usableSpace = [[UIScreen mainScreen] applicationFrame];
    usableWidth = usableSpace.size.width;
    usableHeight = usableSpace.size.height;

    _tableView = [[UITableView alloc] init];
    [_tableView setFrame:CGRectMake(0,0,usableWidth, usableHeight)];
    [_tableView setDataSource:self];
    [_tableView setDelegate:self];
    [self.view addSubview:_tableView];

    _searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, usableWidth, 44)];
    _searchBar.showsCancelButton = YES;

    NSLog(@"searchBar height = %fl", _searchBar.frame.size.height);
    segmentedControl = [[UISegmentedControl alloc] initWithItems:[NSArray arrayWithObjects:@"Date/Time", @"Location", @"Speaker", nil]];
    segmentedControl.frame = CGRectMake(0, (_searchBar.frame.size.height), usableWidth, (usableHeight * 0.075));
    [segmentedControl addTarget:self action:@selector(sortList) forControlEvents:UIControlEventValueChanged];

    searchDisplayController = [[UISearchDisplayController alloc] initWithSearchBar:_searchBar contentsController:self];
    searchDisplayController.delegate = self;
    searchDisplayController.searchResultsDataSource = self;
    searchDisplayController.searchResultsDelegate = self;

    UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, usableWidth, (usableHeight * 0.15))];
    [headerView addSubview:_searchBar];
    [headerView addSubview:segmentedControl];
    _tableView.tableHeaderView = headerView;

    [self.view addSubview:_tableView];
    self.tableView = _tableView;

}

What I have tried: I have tried setting the size of the SearchBar, not setting its size. Not having it in a UIView in the tableHeaderView, instead just having it there on its own.

Why does it resize at all and how can I get it to stop?

EDIT: I have just tried the following: In storyboard (where the UIViewController was originally created) I have selected the UIVC in question and in attributes inspector I deselected 'Under Top Bars' and 'Under Bottom Bars' and this appears to have fixed the first part of the animation problem. Now, when I tap in the search bar, the search becomes active but the searchBar does NOT resize. However, when I cancel the searchBar the searchBar still animates and resizes as per the last image in my screenshot. What could be causing THAT resizing?

I have the same problem and I try to use this solution. It works correctly. <stackoverflow.com/questions/21419992/…> — Kiet Nguyen

MrTristan MrTristan · Accepted Answer · 2014-03-24T22:57:31

i've been banging my head on this for too freakin long... props to this dude here for the clues.

if you want your UISearchBar to be in the header along with other views and to scroll with the header instead of sticking at the top, then you've got to remove it and re-add it after the search completes. to be clear, build your header like you already do and then throw this in there as well to handle the screwy animations.

-(void)searchDisplayControllerDidEndSearch:(UISearchDisplayController *)controller {
    [self.mySearchBar removeFromSuperview];
    self.mySearchBar.frame = CGRectMake(0, 0, 320, 44);
    [self.table.tableHeaderView addSubview:self.mySearchBar];
}

As Timothy Moose notes here, "It seems that UISearchDisplayController makes an undocumented assumption that the search bar is the only content of the header view"

...yay apple.

Adding UISearchBar to UITableView

2 Answers