관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - swift] invalidateIntrinsicContentSize()와 layoutIfNeeded()의 차이 (UITableView, UICollectionView, self resizing) 본문

iOS 응용 (swift)

[iOS - swift] invalidateIntrinsicContentSize()와 layoutIfNeeded()의 차이 (UITableView, UICollectionView, self resizing)

jake-kim 2022. 3. 30. 23:34

intrinsicContentSize

  • intrinsicContentSize
    • UILabel과 같은 UI에는 본질적인 크기와, 프레임 크기가 존재하는데 이 때 본질적인 크기를 의미

https://developer.apple.com/documentation/uikit/uiview/1622600-intrinsiccontentsize

  • intrinsicContentSize를 가지고 있는 UI와 가지고 있지 않는것들로 분류

https://github.com/sujinnaljin/TIL/blob/master/Swift/intrinsicContentSize%20%EC%99%80%20invalidateIntrinsicContentSize().md

ex) UILabel은 intrinsicContentSize가 자동으로 불리는 형태

  • 3초후에 text를 입력하고, 화면에 잘리지 않고 길이만큼 content가 표시되는지 테스트
override func viewDidAppear(_ animated: Bool) {
  super.viewDidAppear(animated)
  
  DispatchQueue.main.asyncAfter(deadline: .now() + 3) {
    self.nameLabel.text = "label이 잘리는지 테스트"
  }
}

잘리지 않고 표출

invalidateIntrinsicContentSize()

  • 위처럼 intrinsicContentSize가 자동으로 적용이 안되는 경우, 수동으로 호출이 필요
    • UITableView UICollectionView에서 tableView의 사이즈가 동적으로 변경되도록 할 때 사용

  • UITableView를 상속 받은 후 intrinsicContentSize 변경
    • intrinsicContentSize 프로퍼티 재정의: height값 재정의
    • layoutSubviews 메소드 재정의: cell 아이템들이 추가되면, cell을 감싸고 있는 tableView도 업데이트 되는데, 이 때 layoutSubviews()가 불리므로 여기서 invalidateIntrinsicContentSize()를 호출하여 자동으로 크기가 변하도록 적용
import UIKit

final class MyTableView: UITableView {
  override var intrinsicContentSize: CGSize {
    let height = self.contentSize.height + self.contentInset.top + self.contentInset.bottom
    return CGSize(width: self.contentSize.width, height: height)
  }
  override func layoutSubviews() {
    self.invalidateIntrinsicContentSize()
    super.layoutSubviews()
  }
}
  • 사용하는 쪽 tableView의 레이아웃 설정
    • top, left, right만 제약사항을 주고, bottom은 주지 않아 자동으로 크기가 변경되도록 사용
NSLayoutConstraint.activate([
  self.myTableView.topAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.topAnchor),
  self.myTableView.leftAnchor.constraint(equalTo: self.view.leftAnchor),
  self.myTableView.rightAnchor.constraint(equalTo: self.view.rightAnchor),
])

 

* 전체 소스 코드: https://github.com/JK0369/ExIntrinsicContentSize

invalidateIntrinsicContentSize()와 layoutIfNeeded() 차이

  • 위에서 알아본대로 invalidateIntrinsicContentSize()는 고유 크기에 관한 계산을 다시 해달라는 요청
  • layoutIfNeeded()는 고유 크기가 아닌, autolayout을 사용할 때 레이아웃 엔진은, 현재 뷰로부터 이 뷰를 감싸고 있는 subviews들까지 업데이트 되는데 이 때 즉각적으로 업데이트 하고싶은 경우 사용 (layoutSubviews()가 호출)

https://developer.apple.com/documentation/uikit/uiview/1622507-layoutifneeded

* 참고

https://developer.apple.com/documentation/uikit/uiview/1622507-layoutifneeded

https://github.com/sujinnaljin/TIL/blob/master/Swift/intrinsicContentSize%20%EC%99%80%20invalidateIntrinsicContentSize().md 

https://developer.apple.com/documentation/uikit/uiview/1622600-intrinsiccontentsize

 

 

Comments