使用故事板从xib或其他场景添加子视图

Question

I'm new to iOS and Xcode. I can't figure out how to design a separated view and make it be added into the main UIViewController using storyboard.

I did different approaches..

1. Just grab an UI object from right-bottom corner window in the xcode, and then put it onto any space area of storyboard. But I can't drop the UI object like the way with xib.
2. Add a new UIViewController. Add a view into the UIViewController . In the main ViewController.m, I get the new UIViewController instance in the viewDidLoad, and then [self.view addSubview:newUIViewController.view] . But I can't see the added view.
3. I created a new xib file. And add a view into it. I also try to get the instance in the main ViewController . And addSubview with the xib's view. But it also failed.

Is there a correct way or any working solution to do so?

Answer 1

I figured out a way to do it. Described as following:

1. Create a .xib file. For example: MyView.xib
2. Create a objective-c class. For example: MyViewClass.h and MyViewClass.m
3. Set the .xib File's Owner to the class.
4. Add a UIView element on the storyboard and set the custom class to the objective-c class name (MyViewClass).

5. The key-point is to override the initWithCoder method in the object-c class.

    - (id)initWithCoder:(NSCoder *)aDecoder { if ((self = [super initWithCoder:aDecoder])) { [self addSubview:[[[NSBundle mainBundle] loadNibNamed:@"MyView" owner:self options:nil] objectAtIndex:0]]; } return self; } 

The idea is the custom class is loaded by the storyboard and initWithCode will be called. The index 0 is the root view in the .xib interface builder.

It's kind of tricky but it works.

Answer 2

In storyboard, drag and drop a view controller. The view controller come with a main view. Select that main view by clicking outside of the added view controller and then clicking in the center of it. Now, just drag a uiview or whatever into that main view just like you did with IB.