How to make a custom view resize with the window with Cocoa Auto Layout?

Question

I have a single window with a single custom view in it, and I want the custom view to resize with the window so that it entirely fills it at any time. If I write: NSView *contentView = [self.window contentView]; CustomView *customView = [[CustomView alloc] initWithFrame:[contentView bounds]]; [contentView addSubview:customView]; [contentView addConstraint: [NSLayoutConstraint constraintWithItem:customView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:contentView attribute:NSLayoutAttributeWidth multiplier:1 constant:0]]; [contentView addConstraint: [NSLayoutConstraint constraintWithItem:customView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:contentView attribute:NSLayoutAttributeHeight multiplier:1 constant:0]]; Then the window doesn't let me resize it. If I add: [customView setTranslatesAutoresizingMaskIntoConstraints:NO]; Then the custom view doesn't appear (drawRect: seems to never be called). I tried different ways (including the visual format @"|[customview]|") but I always run into the same problems. I know it could be done with the older autoresizing system, with: [customView setAutoresizingMask:NSViewWidthSizable|NSViewHeightSizable]; but I want to use the Cocoa Auto Layout system, and I want to use it for more complicated cases (like several custom views that always fill the window). Does anyone know what is wrong and how I should use the Auto Layout system to get the result that I want? JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

With Auto Layout, there are (at least) three possible ways to constrain a view so that it occupies the entire window’s content view, resizing when appropriate. Visual format constraints with regard to superview NSView *contentView = [_window contentView]; MyView *customView = [[MyView alloc] initWithFrame:[contentView bounds]]; [customView setTranslatesAutoresizingMaskIntoConstraints:NO]; [contentView addSubview:customView]; NSDictionary *views = NSDictionaryOfVariableBindings(customView); [contentView addConstraints: [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[customView]|" options:0 metrics:nil views:views]]; [contentView addConstraints: [NSLayoutConstraint constraintsWithVisualFormat:@"V:|[customView]|" options:0 metrics:nil views:views]]; Programmatic constraints for the edges (this should be equivalent to the visual format above) + (void)addEdgeConstraint:(NSLayoutAttribute)edge superview:(NSView *)superview subview:(NSView *)subview { [superview addConstraint:[NSLayoutConstraint constraintWithItem:subview attribute:edge relatedBy:NSLayoutRelationEqual toItem:superview attribute:edge multiplier:1 constant:0]]; } and NSView *contentView = [_window contentView]; MyView *customView = [[MyView alloc] initWithFrame:[contentView bounds]]; [customView setTranslatesAutoresizingMaskIntoConstraints:NO]; [contentView addSubview:customView]; [[self class] addEdgeConstraint:NSLayoutAttributeLeft superview:contentView subview:customView]; [[self class] addEdgeConstraint:NSLayoutAttributeRight superview:contentView subview:customView]; [[self class] addEdgeConstraint:NSLayoutAttributeTop superview:contentView subview:customView]; [[self class] addEdgeConstraint:NSLayoutAttributeBottom superview:contentView subview:customView]; Programmatic constraint for the size NSView *contentView = [_window contentView]; MyView *customView = [[MyView alloc] initWithFrame:[contentView bounds]]; [customView setTranslatesAutoresizingMaskIntoConstraints:NO]; [contentView addSubview:customView]; [contentView addConstraint: [NSLayoutConstraint constraintWithItem:customView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:contentView attribute:NSLayoutAttributeWidth multiplier:1 constant:0]]; [contentView addConstraint: [NSLayoutConstraint constraintWithItem:customView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:contentView attribute:NSLayoutAttributeHeight multiplier:1 constant:0]]; The third approach is the one listed in the question and it may not work if there are further constraints. For example, without: [customView setTranslatesAutoresizingMaskIntoConstraints:NO]; the original autoresize mask is applied as well, which leads to the behaviour described in the question: the window isn’t resized. As mentioned by Regexident, you can use: [_window visualizeConstraints:[contentView constraints]]; to debug Auto Layout. It’s worth checking the console output as well.