NSLayoutConstraint使用 Day21

使用AutoLayout分为两种方式

• writing Code
• Use Interface Builder
  • Xib
  • Storyboard

使用Writing Code的方式就会使用到NSLayoutConstraint

使用NSLayoutConstraint

AutoResize关闭

view.translatesAutoresizingMaskIntoConstraints = false

使用方式

A.width = B.width * 0.8 + 20

属性 ＝ 属性 ＊ 倍数 ＋ 常数

NSLayoutConstraint建构Constraint

@MainActor class NSLayoutConstraint : NSObject

启动NSLayoutConstraints

• 设定Constraints
• 启动Constraints

NSLayoutConstraints(items: 被限制的物件  ,
										attribute: 对齐的位置(.top),
										toItem:   参考物,
										attribute: 对齐的位置(.top),
										multiplier: 使用方法中的倍数,
										constant:  使用方法中的常数,
										).isActive = true

attribute: 
// 对齐某边
.leading/.trailing/.top/.bottom
// x,y置中的位置
.centerX/.centerY
// 设定width,height
attribute:.width/.height
attribute:.notAnAttribute

// 单个Constraint成立
.isActive = true
// 多笔Constraint生效
let leadingConstraint = NSLayoutConstraint(....)
or
let constraints = [ NSLayoutConstraint们]

NSLayoutConstraint.activate([leadingConstraint])
or
NSLayoutConstraint.activate(constraints)

使用NSAnchor建构Constraint

Anchor

拉Layout对齐某边

VC1.leadingAnchor.constraint(equalto:VC2.leadingAnchor,multiplier:1 ,constant:0).isActive = true

x,y置中位置

VC1.centerXAnchor.constraint(equalTo:VC2.centerXAnchor,mutipler: 1, constant:0).isActive = true

设定width、height值

VC1.widthAnchor.constraint(equalToConstant:20).isActive = true

调整NSLayoutConstraint

let heightConstraint = VC1.heightAnchor.constraint(equalToConstant:20)

// 修改
heightConstraint.constant = 100

参考网址：

AutoLayout Programmatically表示

Auto Layout

Auto Layout in Swift: Writing constraints programmatically

Understanding Auto Layout

Apple Developer Documentation