Custom UIView doesn't look as expected

Question

I would like to create a custom UIView so I could use it among a few UIViewControllers.

I created a xib file that looks like this:

enter image description here

The Above image has UIView, and inside 3 UIButtons

-(void)awakeFromNib {
    [[NSBundle mainBundle] loadNibNamed:@"TopBar" owner:self options:nil];
    [self addSubview: _contentView];
}

I added to my UIViewController via storyboard the UIView and set its class to TopBar and its size to the UIView size in the xib

However, the result looks like this:

Why? What is wrong? (as you can see the buttons are extremely big and have spaces between them). I am supporting only Ios6 and above

enter image description here

All buttons have the same autosizing properties in the xib file ? — tdelepine, Sep 12 '13 at 17:07
Open "utilities" tab of Xib file (the right panel of XCode), select the tab "Size inspector" and check if all buttons are docking top and left — tdelepine, Sep 12 '13 at 17:14
@tdelepine can you please explain more how can I check the docking issue? — Dejell, Sep 12 '13 at 17:17
in This tab http://www.techotopia.com/images/f/f5/Ipad_xcode_size_inspector.jpg you can define how the UIView can be deformed, the docking is a fix point of UIView — tdelepine, Sep 12 '13 at 17:27

score 2 · Accepted Answer · edited May 23 '17 at 12:13

2

The problem was that auto-layout was checked in the xib file of TabBar.

I deselected it and now it displayed it property

edited May 23 '17 at 12:13

Community

answered Sep 12 '13 at 17:40

Dejell

1 Answers1