autolayout - topanchor - Xcode6-Vista de autoejecución en otra vista de autodiseño

nslayoutconstraint swift 4

Question

Este problema no existía en xCode 5 incluso con ios8.

El cuadrado verde tiene que estar en el cuadrado rojo porque greenView es una subvista de la vista roja. Pero construido con xCode6, la posición de greenView no es relativa a su padre.

- (void)viewDidLoad {
[super viewDidLoad];
/**** 1 - REDVIEW, THE CONTAINER *****/
UIView *redView = [UIView new];
redView.backgroundColor = [UIColor redColor];
redView.translatesAutoresizingMaskIntoConstraints = NO;
[self.view addSubview:redView];
UIView *spaceView = [UIView new];
spaceView.translatesAutoresizingMaskIntoConstraints = NO;
[self.view addSubview:spaceView];
NSDictionary *views = @{@"spaceView" : spaceView,
@"redView": redView};
[self.view addConstraints:[NSLayoutConstraint
constraintsWithVisualFormat:@"H:|[spaceView]|"
options: 0
metrics:0
views:views]];
[self.view addConstraints:[NSLayoutConstraint
constraintsWithVisualFormat:@"V:|[spaceView][redView]|"
options: NSLayoutFormatAlignAllRight | NSLayoutFormatAlignAllLeft
metrics:0
views:views]];
//CENTER VERTICALY
NSLayoutConstraint *constraint = [NSLayoutConstraint
constraintWithItem:redView
attribute:NSLayoutAttributeHeight
relatedBy:NSLayoutRelationEqual
toItem:spaceView
attribute:NSLayoutAttributeHeight
multiplier:1
constant:0];
[self.view addConstraint:constraint];
/**** 1 - GREENBUTTON, IN THE CONTAINER *****/
UIButton *greenButton = [[UIButton alloc] init];
greenButton.backgroundColor = [UIColor greenColor];
greenButton.translatesAutoresizingMaskIntoConstraints = NO;
[greenButton addTarget:self action:nil forControlEvents:UIControlEventTouchUpInside];
[redView addSubview:greenButton];
views = @{@"button" : greenButton};
[redView addConstraints:[NSLayoutConstraint
constraintsWithVisualFormat:@"H:|[button(35)]|"
options: 0
metrics:0
views:views]];
}

¿Dónde está el problema? (Puede copiar y pegar esas líneas para intentar)

Answer 1

Las restricciones definidas están posicionando el botón verde relativo a su supervista. El problema radica en la falta de la restricción de posición vertical. También tenga en cuenta que la sintaxis visual que utilizó dio lugar a restricciones conflictivas:

• 0 distancia al líder
• 0 distancia al final (eliminé este para que funcione)
• ancho de 35
• supervista de witdth! = 35;

Si usa las siguientes restricciones para greenButton, se colocará arriba a la izquierda en su elemento principal.

[redView addConstraints:[NSLayoutConstraint
constraintsWithVisualFormat:@"H:|[button(35)]"
options: 0
metrics:0
views:views]];
[redView addConstraints:[NSLayoutConstraint
constraintsWithVisualFormat:@"V:|[button(35)]"
options:0
metrics:0
views:views]];