[swift] SnapKit으로 여러 뷰 동시에 설정하기

14 Nov 2023

swift

SnapKit은 iOS 개발에서 Auto Layout을 쉽게 구현할 수 있는 라이브러리이다. 이번 포스트에서는 SnapKit을 사용하여 여러 뷰를 동시에 설정하는 방법을 소개한다.

SnapKit 설치

먼저, SnapKit을 프로젝트에 추가해야 한다. Cocoapods를 사용하는 경우, Podfile에 다음과 같은 라인을 추가하고 pod install 명령어를 실행한다.

pod 'SnapKit'

여러 뷰 동시에 설정하기

SnapKit을 사용하여 여러 뷰를 동시에 설정하려면, 배열로 뷰를 묶고 반복문을 사용해야 한다. 예를 들어, 3개의 뷰를 일정한 간격으로 가로로 배치하고 싶다면 다음과 같이 코드를 작성할 수 있다.

import SnapKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let views = [UIView(), UIView(), UIView()]
        
        for (index, view) in views.enumerated() {
            self.view.addSubview(view)
            
            view.snp.makeConstraints { make in
                make.width.height.equalTo(100)
                make.centerY.equalToSuperview()
                if index == 0 {
                    make.leading.equalToSuperview().offset(20)
                } else {
                    let previousView = views[index - 1]
                    make.leading.equalTo(previousView.snp.trailing).offset(20)
                }
                if index == views.count - 1 {
                    make.trailing.equalToSuperview().offset(-20)
                }
            }
        }
    }
}

위 코드에서는 배열에 UIView 인스턴스를 생성하여 묶은 후 반복문을 사용하여 각 뷰를 화면에 추가하고 설정한다. snp.makeConstraints 메서드를 사용하여 Auto Layout을 설정할 수 있다. make.leading.equalTo(previousView.snp.trailing).offset(20) 구문은 각 뷰의 leading을 이전 뷰의 trailing과 20 포인트의 간격으로 설정하도록 한다. 이렇게 하면 각 뷰가 일정한 간격으로 가로로 배치되게 된다.

결론

이렇게 SnapKit을 사용하여 여러 뷰를 동시에 설정할 수 있다. 배열과 반복문을 사용하여 일괄적으로 Auto Layout을 설정하면 코드의 양도 줄어들고 가독성도 높아진다.