Insert margin between navigation bar and UITableView

Question

I am developing iOS App with UITableView. I begin to develop the App with Master-Detail Application and I use StoryBoard.

I would like to insert 320px*100px margin between navigation bar and UITableView. (Height of navigation bar is 44px.)

I am writing down the following code. However margin doesn't appear.

Could you tell me how to solve this problem?

@interface MasterViewController ()<UITableViewDataSource,UITableViewDelegate>

@property (strong, nonatomic) IBOutlet UITableView *tableView;

@end

@implementation MasterViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.tableView.delegate = self;
    self.tableView.dataSource = self;
    self.tableView.frame = CGRectMake(0, 144, 320, self.view.frame.size.height);

}

You are setting your tableView frame to origin (0,44) size (320,100). Don't you want origin (0,144) to give you the gap? If so, try `CGRectMake(0,144,320,self.tableView.frame.size.height-100)` — pbasdf, Sep 03 '14 at 08:52
As you indicated, the value of CGRectMake was wrong and edited to the correct value in the above code. However It remains that margin doesn't appear. — supermonkey, Sep 03 '14 at 09:05
`@property (strong, nonatomic) IBOutlet UITableView *tableView;` is better to use `weak` for `IBOutlet` outlets, link: http://stackoverflow.com/questions/7678469/should-iboutlets-be-strong-or-weak-under-arc — Alex Peda, Sep 03 '14 at 09:07
Try setting `contentInset` for tableview, `[self.tableView setContentInset:UIEdgeInsetsMake(100, 0, 0, 0)];` — Akhilrajtr, Sep 03 '14 at 09:28
Thank you very much. I can insert margin with [self.tableView setContentInset:UIEdgeInsetsMake(100, 0, 0, 0)]. — supermonkey, Sep 04 '14 at 07:32

score 2 · Answer 1 · answered Sep 03 '14 at 08:49

2

This your line:

self.tableView.frame = CGRectMake(0, 44, 320, 100);

100 sets tableView height to 100 instead of margin. Try following please:

self.tableView.frame = CGRectMake(0, 44 + 100, 320, self.view.frame.size.height - 44 - 100);

answered Sep 03 '14 at 08:49

Alex Peda

4,210
3
22
31

Thank you. However margin doesn't appear. – supermonkey Sep 03 '14 at 08:52
Don't you change tableView.frame in other methods? – Alex Peda Sep 03 '14 at 08:54
No I don't change in other methods. – supermonkey Sep 03 '14 at 08:58
please try to change bg color of related views. For example, `self.view.backgroundColor = [UIColor blueColor];` `self.tableView.backgroundColor = [UIColor redColor];`. Just to see better how it looks – Alex Peda Sep 03 '14 at 09:02
the screenshot is very appreciated – Alex Peda Sep 03 '14 at 09:08
Only when I pull down the table, red color appears between navigation bar and the table. Except this case, both red and blue don't appear. – supermonkey Sep 03 '14 at 09:21
Do you use AutoLayout in your xib file? Please try to comment the line we discussed and set the same frame in xib (if you use AutoLayout - make sure you are correcting the constraints properly) – Alex Peda Sep 03 '14 at 09:30
Thank you very much. I can insert margin with [self.tableView setContentInset:UIEdgeInsetsMake(100, 0, 0, 0)]. – supermonkey Sep 04 '14 at 07:33

Insert margin between navigation bar and UITableView

1 Answers1