Swift SnapKit如何用相对位置布局UIView

时间:2016-11-11 02:51:59

标签: swift snapkit

func setupPosition() {
        box.snp.makeConstraints{(make)->Void in
        make.edges.equalTo(view).inset(UIEdgeInsetsMake(64+20, 20, 250, 20))
        }

        textField.snp.makeConstraints{(make)->Void in
            make.edges.equalTo(box).inset(UIEdgeInsetsMake(5, 5, 150, 5))

        }

        stackBoxOne.snp.makeConstraints{(make)->Void in
                make.top.equalTo(box).offset(textField.frame.size.height)
                make.left.equalTo(box).offset(5)
                make.bottom.equalTo(box).offset(-90)
                make.right.equalTo(box).offset(-5)
        }
    }

我想将stackBoxOne放在textField下。但上面的代码不起作用。我该如何修改代码?感谢您的时间。

1 个答案:

答案 0 :(得分:3)

您无法在textField.frame闭包内使用makeConstraints,因为此时尚未对视图进行布局。因此,0的高度和stackBoxOne的偏移量为0

要将视图放在另一个视图下方,请将其顶部约束连接到另一个视图的底部约束。所以在你的情况下:

stackBoxOne.snp.makeConstraints{(make)->Void in
     make.top.equalTo(textField.snp.bottom)
     make.left.equalTo(box).offset(5)
     make.bottom.equalTo(box).offset(-90)
     make.right.equalTo(box).offset(-5)
}

除此之外,您还可以将左右约束设置为textFields左右约束,如下所示:

stackBoxOne.snp.makeConstraints{(make)->Void in
    make.top.equalTo(textField.snp.bottom)
    make.left.right.equalTo(textField)
    make.bottom.equalTo(box).offset(-90)
}