IBDesignable UIViewController

Question

I'd like to be able to layout my view controller in code but see the layout displayed in interface builder.

I know I can create a UIView subclass, make that IBDesignable, and assign it to the view controller's view, but this would require that I make all other subviews properties of this UIView subclass instead of properties of the view controller.

The real desire is to be able to layout my view controllers in code but quickly see any changes without rebuilding the project. If this is possible with playgrounds instead, an answer describing how to do that would also be appreciated.

Thanks for any suggestions.

Answer 1

I found a workaround to test view controller layout using IBDesignable.

1.Layout your view controller in code just as you'd do normally

2.Create an IBDesignable UIView subclass and add the view controller's view as a subview.

3.Create a xib and set the class of its view to the subclass you created in step 2

To elaborate on step 2, your IBDesignable's initWithFrame: method may look like

{
    self = [super initWithFrame:frame];
    MyViewController *viewController = [MyViewController alloc] init];
    viewController.view.frame = self.bounds;
    [self addSubview:viewController.view];
    return self;
}

So beyond this initWithFrame method, all of your layout code can be handled by your view controller. You may want to pass data to your view controller in your subview's prepareForInterfaceBuilder method.