[ swift - SnapKit ]

Yr Yr·2024년 1월 25일

TIL

목록 보기
33/39

✔️ SnapKit : AutoLayout을 더 쉽게 사용할 수 있도록 하는 라이브러리

✔️ SPM에 추가하는 방법

  1. SnapKit Github SPM 문서에 있는 url 복사
  2. Xcode - File - Add Package Dependencies
  3. 복사한 url 붙여넣기

✔️ SnapKit 사용법

import SnapKit

// SnapKit 사용했을 때
userName.snp.makeConstraints { make in
     make.centerX.equalTo(view)
     make.top.equalTo(view.safeAreaLayoutGuide).inset(10)
}
        
menuImage.snp.makeConstraints { make in
     make.width.equalTo(21)
     make.height.equalTo(17.5)
     make.left.equalTo(userName.snp.right).offset(102)
     make.top.equalTo(view.safeAreaLayoutGuide).inset(14)
     make.right.equalTo(view).inset(16)
}

// SnapKit 사용하지 않았을 때
userName.translatesAutoresizingMaskIntoConstraints = false
menuImage.translatesAutoresizingMaskIntoConstraints = false

NSLayoutConstraint.activate([
     userName.centerXAnchor.constraint(equalTo: view.centerXAnchor),
     userName.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 10),
        
     menuImage.widthAnchor.constraint(equalToConstant: 21),
     menuImage.heightAnchor.constraint(equalToConstant: 17.5),
     menuImage.leftAnchor.constraint(equalTo: userName.rightAnchor, constant: 102),
     menuImage.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 14),
     menuImage.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -16)
])

0개의 댓글