[swift] SnapKit으로 사용자 정의 뷰 전환 처리하기

15 Nov 2023

swift

SnapKit은 iOS 개발에서 Auto Layout을 쉽게 구현하기 위한 라이브러리입니다. 이번 포스트에서는 SnapKit을 사용하여 사용자 정의 뷰간의 전환 처리를 구현하는 방법에 대해 알아보겠습니다.

1. SnapKit 설치하기

먼저, SnapKit을 프로젝트에 설치해야 합니다. SnapKit은 CocoaPods를 통해 설치할 수 있습니다. Podfile에 다음 코드를 추가하고 pod install 명령어를 실행하여 SnapKit을 설치합니다.

pod 'SnapKit'

2. 전환할 뷰 컨트롤러 구현하기

전환할 뷰 컨트롤러에서는 SnapKit을 이용하여 화면 전환을 처리할 준비를 합니다. 예를 들어, 다음과 같이 두 개의 뷰 컨트롤러를 구현합니다.

import UIKit
import SnapKit

class ViewController: UIViewController {
    // 첫 번째 뷰
    let firstView = UIView()

    override func viewDidLoad() {
        super.viewDidLoad()

        // 첫 번째 뷰의 레이아웃을 설정합니다.
        firstView.backgroundColor = .red
        view.addSubview(firstView)
        firstView.snp.makeConstraints { make in
            make.center.equalToSuperview()
            make.width.height.equalTo(200)
        }
        
        // 탭 제스처를 추가하여 두 번째 뷰로 전환할 수 있도록 합니다.
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleTapGesture))
        firstView.addGestureRecognizer(tapGesture)
    }
    
    @objc func handleTapGesture() {
        let secondViewController = SecondViewController()
        present(secondViewController, animated: true, completion: nil)
    }
}

class SecondViewController: UIViewController {
    // 두 번째 뷰
    let secondView = UIView()

    override func viewDidLoad() {
        super.viewDidLoad()

        // 두 번째 뷰의 레이아웃을 설정합니다.
        secondView.backgroundColor = .blue
        view.addSubview(secondView)
        secondView.snp.makeConstraints { make in
            make.center.equalToSuperview()
            make.width.height.equalTo(200)
        }
        
        // 탭 제스처를 추가하여 첫 번째 뷰로 전환할 수 있도록 합니다.
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleTapGesture))
        secondView.addGestureRecognizer(tapGesture)
    }
    
    @objc func handleTapGesture() {
        dismiss(animated: true, completion: nil)
    }
}

3. 전환 기능 테스트하기

앱을 실행하면 첫 번째 뷰가 나타날 것입니다. 첫 번째 뷰를 탭하면 두 번째 뷰로 전환되며, 다시 두 번째 뷰를 탭하면 첫 번째 뷰로 전환됩니다.

SnapKit을 사용하면 간편하게 뷰 간의 전환을 처리할 수 있습니다. Auto Layout을 사용하면서 화면 전환을 구현해야 할 경우, SnapKit은 매우 유용한 도구가 될 것입니다.

더 자세한 사용 방법은 SnapKit 공식 문서를 참고하시기 바랍니다.