两个视图可以在 SnapKit 中相互间隔吗?
Can two views be spaced using each other in SnapKit?
我想 space 数量未知的按钮在屏幕上水平分布。我想知道我是否可以根据彼此创建它们的间距。例如,下面的代码是否有效?
let button1 = UIButton()
let button2 = UIButton()
superview.addSubview(button1)
superview.addSubview(button2)
button1.snp_makeConstraints { (make) -> Void in
make.height.equalTo(100)
make.top.equalTo(50)
make.left.equalTo(superview.snp.left)
make.right.equalTo(button2.snp.right)
make.width.lessThanOrEqualToSuperview()
}
button2.snp_makeConstraints { (make) -> Void in
make.width.lessThanOrEqualToSuperview()
make.height.equalTo(100)
make.top.equalTo(50)
make.left.equalTo(button1.snp.left)
make.right.equalTo(superview.snp.right)
}
在这种情况下,您真的应该使用带水平轴的 UIStackView
。
也就是说,如果你想使用 SnapKit,有多种方法可以做到这一点。我推荐的是这样的:
let count = 3 // or buttons.count if you have an array of buttons
button1.snp.makeConstraints { make in
make.width.equalToSuperview().multipliedBy(1.0 / count)
make.leading.equalToSuperview()
make.top.equalToSuperview().offset(50) // or whatever
make.height.equalTo(100)
}
button2.snp.makeConstraints { make in
make.width.top.height.equalTo(button1)
make.leading.equalTo(button1.snp.trailing)
}
button3.snp.makeConstraints { make in
make.width.top.height.equalTo(button1)
make.leading.equalTo(button2.snp.trailing)
make.trailing.equalToSuperview()
}
请注意,我分别使用 leading
和 trailing
而不是 left
和 right
。这是一个养成的好习惯,以防您不得不针对从右到左的语言进行本地化。然后您的按钮将按照用户设备的自然顺序排列。
我想 space 数量未知的按钮在屏幕上水平分布。我想知道我是否可以根据彼此创建它们的间距。例如,下面的代码是否有效?
let button1 = UIButton()
let button2 = UIButton()
superview.addSubview(button1)
superview.addSubview(button2)
button1.snp_makeConstraints { (make) -> Void in
make.height.equalTo(100)
make.top.equalTo(50)
make.left.equalTo(superview.snp.left)
make.right.equalTo(button2.snp.right)
make.width.lessThanOrEqualToSuperview()
}
button2.snp_makeConstraints { (make) -> Void in
make.width.lessThanOrEqualToSuperview()
make.height.equalTo(100)
make.top.equalTo(50)
make.left.equalTo(button1.snp.left)
make.right.equalTo(superview.snp.right)
}
在这种情况下,您真的应该使用带水平轴的 UIStackView
。
也就是说,如果你想使用 SnapKit,有多种方法可以做到这一点。我推荐的是这样的:
let count = 3 // or buttons.count if you have an array of buttons
button1.snp.makeConstraints { make in
make.width.equalToSuperview().multipliedBy(1.0 / count)
make.leading.equalToSuperview()
make.top.equalToSuperview().offset(50) // or whatever
make.height.equalTo(100)
}
button2.snp.makeConstraints { make in
make.width.top.height.equalTo(button1)
make.leading.equalTo(button1.snp.trailing)
}
button3.snp.makeConstraints { make in
make.width.top.height.equalTo(button1)
make.leading.equalTo(button2.snp.trailing)
make.trailing.equalToSuperview()
}
请注意,我分别使用 leading
和 trailing
而不是 left
和 right
。这是一个养成的好习惯,以防您不得不针对从右到左的语言进行本地化。然后您的按钮将按照用户设备的自然顺序排列。