iOS 7 - UITableViewController with search is under status bar

Question

I have a UITableViewController with an imbedded UISearchDisplayController. In iOS 7 the search box is under the status bar. Is there a way in interface builder to offset the tableview so that the search bar is not covered by the status bar (and still use the UITableViewController and UISearchDisplayController setup)?

In storyboard have you tried to change the "Status Bar" to None for your viewcontroller? — Sam B, Sep 11 '13 at 17:34
Setting the status bar to none in the simulated metrics has no effect when the app is running. — datinc, Sep 11 '13 at 18:06

score 14 · Answer 1 · answered Sep 21 '13 at 14:59

14

self.edgesForExtendedLayout=UIRectEdgeNone;

should fix this issue.

answered Sep 21 '13 at 14:59

Filippo

1,046
11
18

1

this works if your uitableview is showing up underneath the navigation bar – Jesse Oct 01 '13 at 15:48
But now I also have the problem where the uitableview is extending below the bottom tab bar. How would you fix this issue? Yes, I could set the height to end above the tab bar, but then it would not look right with iOS 6 – Jesse Oct 01 '13 at 15:51
You can use [[UIScreen mainScreen]bounds] to get your screen height, and then resize UITableView. – Filippo Oct 01 '13 at 20:38

score 7 · Accepted Answer · answered Sep 21 '13 at 15:45

7

You would have to embed it in a UINavigationController, then in the navVC, simply uncheck the Shows Navigation Bar enter image description here

answered Sep 21 '13 at 15:45

Kyle Fang

1,139
6
14

1

THIS in combination @Filippo's line (self.edgesForExtendedLayout=UIRectEdgeNone; in -viewDidLoad) is what ended up working for me. – Fang Chen Sep 24 '13 at 21:32
Are you sure, what happens if you don't use that line? – Kyle Fang Sep 25 '13 at 02:12

score 4 · Answer 3 · answered Sep 21 '13 at 22:23

Feels a bit hacky but this one worked for me:

[self.tableView setContentInset:UIEdgeInsetsMake(self.navigationController.navigationBar.frame.size.height + [[UIApplication sharedApplication] statusBarFrame].size.height, 0, 0, 0)];

and if you're working for both orientations:

-(void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration{
 [self.tableView setContentInset:UIEdgeInsetsMake(self.navigationController.navigationBar.frame.size.height + [[UIApplication sharedApplication] statusBarFrame].size.height, 0, 0, 0)];

}

This did not work for me. Can you explain how setting content inset on tableview changes the frame of the UISearchBar of a UISearchDisplayController? — Fang Chen, Sep 24 '13 at 21:23

score 2 · Answer 4 · answered Oct 26 '13 at 08:02

Place the following code in your viewcontroller's viewdidload.

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) 
{
        self.edgesForExtendedLayout = UIRectEdgeNone;
        self.extendedLayoutIncludesOpaqueBars = NO;
        self.automaticallyAdjustsScrollViewInsets = NO;
}

score 2 · Answer 5 · answered Jan 15 '14 at 08:45

self.edgesForExtendedLayout = UIRectEdgeNone;
...
if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
    if (navigation.hiden) {
        [self.tbview setContentOffset:CGPointMake(0, -20)];
        [self.tbview setContentInset:UIEdgeInsetsMake(20, 0, 0, 0)];
    }
    else {
        [self.tbview setContentOffset:CGPointMake(0, -20)];
        [self.tbview setContentInset:UIEdgeInsetsMake(0, 0, 0, 0)];
    }
}

score 2 · Answer 6 · answered Jan 16 '14 at 16:13

I had to adjust the tableview's contentOffset and contentInset. My tableviewcontroller triggered by modal segue is already embedded in a navigation controller upstream in the storyboard. Adjusting the content inset by the height of the status bar and content offset by the height of the search bar displays the tableview beginning at the first cell. The search bar displays when the user pulls down the tableview.

self.tableView.contentOffset = CGPointMake(0, 44.0);
self.tableView.contentInset = UIEdgeInsetsMake(20.0, 0.0, 0.0, 0.0);

score 1 · Answer 7 · answered Sep 11 '13 at 19:35

1

I found the culprit. Setting the layout option "Adjust Scroll View Insets" to on did the trick.

answered Sep 11 '13 at 19:35

datinc

3,404
3
24
33

1

1) To what "layout option" are you referring 2) I can not find "Adjust Scroll View Insets" anywhere, can you point my eyes to the right view? Thank you for your help – Fang Chen Sep 17 '13 at 20:13
You can see the option in this picture ![link](http://dl.dropbox.com/u/36084605/Screenshots/2u.png). – datinc Sep 22 '13 at 15:59
This only affects a view I have setup in a tabbarcontroller. The option is already on but it has no effect. – Hackmodford Sep 23 '13 at 13:08

score 1 · Answer 8 · answered Oct 01 '13 at 15:55

All you have to do for this is select the view controller your UITableView is housed in and show the Attributes Inspector. In Attributes Inspector, uncheck Extend Edges -> Under Top Bars and Under Bottom Bars. This worked for me when my UITableview was loading up underneath the Nav bar and Tab Bar

score 1 · Answer 9 · answered May 20 '14 at 10:16

after data loaded into table view just call this in iOS 6 / 7

[self.tableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:0] atScrollPosition:UITableViewScrollPositionTop animated:NO];

But make sure that the search bar is added as header to the table view

iOS 7 - UITableViewController with search is under status bar

9 Answers9