Dynamically resizing "container" UIView

Question

I'm running into issues with my UI when adding a dynamic number of child UIView elements into a "container" UIView. Basically I need to be able to dynamically resize the container view (self.containerAView below) to fit the height of all the "children" subViews that have been added to it. All the attempts that I have done thus far to reset the frame haven't worked. It is worth noting that the initial size is defined in the *.xib file that is initially loading the containerAView (UIView) element with an initial size of 300x200 (w x h).

- (void)drawScreen {
    // handle all screen presentation initialization here
    // programatically create a dynamic number of child views to add to the container view
    for (int i = 0; i < 3; i++) {
        int childViewHeight = 60;
         int childViewWidth = 300;

        UIView *childView = [[UIView alloc] initWithFrame:CGRectMake(0, (i * childViewHeight) + (i * 10), childViewWidth, childViewHeight)];
    childView.backgroundColor = [UIColor blackColor];

    [self.containerAView addSubview:childView];
    }

    // build a mapping dictionary for all child elements in the container view
    NSMutableDictionary *containerASubViewDictionary = [[NSMutableDictionary alloc] init];
    for (int i = 0; i < [self.containerAView.subviews count]; i++) {
        [containerASubViewDictionary setValue:self.containerAView.subviews[i] forKey:[NSString stringWithFormat:@"childView%d", i]];
    }

    // WHAT TO ADD HERE TO HANDLE RESIZING self.containerAView height???
}

Any sort of help on dynamically resizing the container view would be greatly appreciated as I have been unable to find any solution as of yet.

David David · Accepted Answer · 2014-04-30T22:51:15

One way, which is probably the most up to date approach, would be to add 4 auto layout constraints to the containerview in interface builder.

Add the four constraints: x = 0, y = 0, width = 300 & height = 200

Now click on the width constraint in interface builder to highlight it and then control drag it into your .h file and give it a name, like containerWidth.

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *containerWidth;

Repeat with the height.

In your .m file you can adjust the height and width in your drawScreen method by manipulating the contstraints.

self.containerWidth.constant = width; // your calculated new width
self.containerHeight.constant = height; // your calculated new height

Dynamically resizing "container" UIView

2 Answers