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

Question

我正在尝试将复杂的 xib 组织到多个视图中。

假设以下场景：

我的主视图（绿色）包含两个子视图（红色和黄色）。
实际上我可以创建三个 xib 并以编程方式添加子视图。
我找到了一个更聪明的解决方案：我在主视图（绿色）中定义了两个 IBOutlet 并将它们连接到子视图。

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

在主视图实现中，我以编程方式添加了子视图：

- (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];
}

如您所见，我需要设置当前帧大小、autoresizingMask 并将子视图添加到父视图。

问题：

有没有直接从 xib 执行这些操作的好方法？ 我想加载 xib（“loadNibNamed”）并获取已经填充了子视图的主视图（绿色）。

我尝试了一些解决方案，但都没有成功...

编辑：
我不想在 IB 中直接将红色和黄色视图添加为子视图。
这两个子视图与父视图一样大，这使得使用 Interface Builder 变得复杂（隐藏黄色视图并处理红色，然后隐藏红色并处理黄色......）。
我想在同一个 xib 中有单独的视图，但能够在父子树中“组合”它们......

Answer 1

而不是通过将视图拖到开放空间中来创建红色和黄色视图。将视图拖到绿色视图上。然后它将被添加为子视图。

您只能使用左侧的列表来移动现有视图。将列表中与红色视图对应的行拖到列表中与绿色视图对应的行上。