iOS - Interface Builder - 在同一个xib中绑定多个视图

Question

I'm trying to organize a complex xib into multiple view.

Suppose the following scenario:

I have the main view (the green one) that contains two subviews (the red and the yellow ones).
Actually I can create three xib and add the subviews programmatically.
I found a solution a bit smarter: I define two IBOutlet in the main view (green) and connect them to the subviews.

@property (nonatomic, weak) IBOutlet RedView * redView;
@property (nonatomic, weak) IBOutlet YellowView * yellowView;

In the main view implementation, programmatically, I add the subviews:

- (void)awakeFromNib
{
    [super awakeFromNib];
    self.redView.frame = self.frame;
    self.redView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
    self.yellowView.frame = self.frame;
    self.yellowView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;

    [self addSubview:self.redView];
    [self addSubview:self.yellowView];
}

As you can see, I need to set the current frame size, the autoresizingMask and add the subViews to the parent.

The question:

is there a nice way to perform these operations directly from the xib? I want to load the xib ("loadNibNamed") and obtain the main view (green) already filled with the subviews.

I've tried some solutions but neither works...

edit:
I don't want to add the red and yellow view as subviews directly in IB.
The two subviews are as big as the parent and this make complex to work with Interface Builder (hide the yellow view and work on the red, then hide the red and work on the yellow...).
I'd like to have separate views in the same xib but being able to "compose" them in parent-child tree...

Answer 1

Instead of creating the red and yellow views by dragging a view into the open space. Drag the view onto the green view. It will then be added as a subview.

You can move your existing views only by using the list on the left. Drag the row in the list that corresponds to the red view onto the row in the list that is the green view.