Swift中能否通过一行代码设置多属性Autolayout约束?
一行代码设置AutoLayout约束?当然可以!
这种简洁写法并不是UIKit原生支持的——所以你在官方文档里找不到很正常~它是开发者通过给UIView写扩展实现的封装,把重复的约束代码打包成了一行调用的方法。
举个最常用的例子,我们可以写一个扩展,把「固定到父视图四边」「设置宽高」这些常用操作封装起来:
extension UIView { // 固定到父视图四边,支持自定义内边距 func pin(to superview: UIView, insets: UIEdgeInsets = .zero) { translatesAutoresizingMaskIntoConstraints = false NSLayoutConstraint.activate([ topAnchor.constraint(equalTo: superview.topAnchor, constant: insets.top), leadingAnchor.constraint(equalTo: superview.leadingAnchor, constant: insets.left), trailingAnchor.constraint(equalTo: superview.trailingAnchor, constant: -insets.right), bottomAnchor.constraint(equalTo: superview.bottomAnchor, constant: -insets.bottom) ]) } // 设置宽高,支持单独设置其中一个 func setSize(width: CGFloat? = nil, height: CGFloat? = nil) { translatesAutoresizingMaskIntoConstraints = false var constraints = [NSLayoutConstraint]() if let width = width { constraints.append(widthAnchor.constraint(equalToConstant: width)) } if let height = height { constraints.append(heightAnchor.constraint(equalToConstant: height)) } NSLayoutConstraint.activate(constraints) } }
使用的时候就超级简洁,完全一行搞定:
// 先把视图添加到父视图(这步不能少!) let customView = UIView() view.addSubview(customView) // 一行固定到父视图,带16pt左右边距、20pt上下边距 customView.pin(to: view, insets: UIEdgeInsets(top: 20, left: 16, bottom: 20, right: 16)) // 一行设置宽高为100x100 customView.setSize(width: 100, height: 100)
小提醒
- 一定要先把视图添加到父视图再调用这些方法,不然约束会找不到父视图导致崩溃;
- 扩展里已经帮你把
translatesAutoresizingMaskIntoConstraints设为false了,这是AutoLayout的必要前提,不用自己再写; - 你还可以根据自己的需求扩展更灵活的版本,比如只固定top和leading,或者让宽高相等之类的——本质都是把重复的约束代码封装起来而已。
内容的提问来源于stack exchange,提问作者Dave Lee
相关产品推荐
相关产品推荐

