ios - 使用 snapkit 创建两个 uiview 的约束

Question

我正在底部创建一个 UIView，静态高度为 60，然后在顶部创建一个填充其余部分。然而这段代码似乎只是让顶部的代码填满了整个屏幕。

    //bottomWrapperView
    let bottomWrapperView = UIView()
    bottomWrapperView.backgroundColor = UIColor.red
    self.addSubview(bottomWrapperView)

    //TopWrapperView
    let topWrapperView = UIView()
    topWrapperView.backgroundColor = UIColor.green
    self.addSubview(topWrapperView)


    //BottomWrapperView Constraints
    bottomWrapperView.snp.makeConstraints { (make) -> Void in
        make.height.equalTo(60)
        make.left.equalTo(self).offset(0)
        make.bottom.equalTo(self).offset(0)
        make.right.equalTo(self).offset(0)
        make.top.equalTo(topWrapperView)
    }



     //TopWrapperView Constraints
    topWrapperView.snp.makeConstraints { (make) -> Void in

        make.left.equalTo(self).offset(0)
        make.top.equalTo(self).offset(0)
        make.bottom.equalTo(bottomWrapperView)
        make.right.equalTo(self).offset(0)
    }

Answer 1

这里，您需要使 topWrapperView 的底部约束等于 bottomWrapperView 的顶部

//BottomWrapperView Constraints
bottomWrapperView.snp.makeConstraints { (make) -> Void in
    make.height.equalTo(60)
    make.left.equalTo(self).offset(0)
    make.bottom.equalTo(self).offset(0)
    make.right.equalTo(self).offset(0)
}

//TopWrapperView Constraints
topWrapperView.snp.makeConstraints { (make) -> Void in
    make.left.equalTo(self).offset(0)
    make.top.equalTo(self).offset(0)
    make.bottom.equalTo(bottomWrapperView.snp.top)
    make.right.equalTo(self).offset(0)
}