High performance AutoLayout.key.zip

High Performance Auto Layout - WWDC18 - Videos - Apple Developer

[WWDC] High Performance Auto Layout

Internals And Intuition

The Render Loop

TL;DR

초당 120번 실행됨. Update Constraints, Layout, Display 3가지의 단계로 구성되어 있음. 불필요한 작업을 피할 때 매우 유용함

• Render Loop는 잠재적으로 초당 120번 실행되는 프로세스
• Render Loop는 모든 콘텐츠가 각 프레임에 대해 준비되어있는지 확인함
  • 이는 Update Constraints, Layout, Display 3가지 단계로 구성되어 있음

1. 모든 View들이 Leap에서부터 Window까지 View Hierachy를 따라 올라가며 updateConstraints를 수신 함
2. 모든 View들이 Window부터 Leaf까지 내려가며 layoutSubviews()를 수신함
3. 마지막으로, 필요한 경우 모든 View가 그려짐

• 각 단계는 동일한 목적을 갖는 평행한 method set을 지님
  • 이것의 목적은 낭비되는 작업을 피하며 작업을 연기하고 완전히 건너뛰게 하는 것임
  • 예를 들어, UILabel의 크기를 구성하는데 있어 많은 속성들이 존재할 때
    • 속성이 변경될 때마다 텍스트 사이즈를 재측정하는 방법이 존재함
    • 그러나 일반적으로 이러한 항목을 연속적으로 변경하는 것은 매우 비효율적임
    • 처음 Label을 설정할 때, 많은 property setter 를 호출할 것이고, 각각의 setter 에서 텍스트 사이즈를 다시 측정한다면 중간 것들이 모두 낭비될 것이기에 마지막에 측정되기만을 원할 것임.
    • 이것이 Render Loop가 주는 이점임
    • Property setter에서 setNeedsUpdateConstraints()를 호출하면 프레임이 화면으로 이동하기 직전에 updateConstraints()를 호출하게 할 수 있다.

Example

var myConstraints: [NSLayoutConstraints] = []

override func updateConstraints() {
		// 1. 모든 Constriants에 대하여 비활성화한다.
		NSLayoutConstraint.deactivate(myConstraints)
		myConstraints.removeAll()

		// 2. Layout을 구현하는 constraints를 생성한다.
		let views = ["text1" : text1, "text2" : text2]
		myConstraints += NsLayoutConstraints.constraints(withVisualFormat: "H:|-[text1]-[text2]",
	                                                   options: [.alignAllFirstBaseline],
                                                     metrics: nil, views: views)

		myConstraints += NSLayoutConstraint.constraints(withVisualFormat: "V:|-[text1]-|",
                                                    options: [],
                                                    metrics: nil, views: views)
		// 3. 모든 constraints를 활성화한다.
		NSLayoutConstraints.activate(myConstraints)

		super.updateConstraints()
}

• updateConstaints() 에서 모든 Constraints를 deactivate / activate 하는 것
  • layoutSubviews 에서 모든 subviews를 remove / add 하는 것과 동일
  • 불필요한 작업이 발생하고 있기 때문에, 한 번 이상은 작업을 수행하지 않도록 한다

if myConstraints.isEmpty {
        NSLayoutConstraint.deactivate(myConstraints)
        myConstraints.removeAll()
        
        let views = ["text1":text1, "text2":text2]
        myConstraints += NSLayoutConstraint.constraints(withVisualFormat: "H:|-[text1]-[text2]",
                                                        options: [.alignAllFirstBaseline],
                                                        metrics: nil, views: views)
        myConstraints += NSLayoutConstraint.constraints(withVisualFormat: "V:|-[text1]-|",
                                                        options: [],
                                                        metrics: nil, views: views)
        
        NSLayoutConstraint.activate(myConstraints)
    }

    super.updateConstraints()
}

Activating a Constraint