[swift] SnapKit으로 뷰의 탭 바 설정하기

14 Nov 2023

swift

iOS 애플리케이션을 개발할 때, SnapKit 라이브러리를 사용하여 뷰의 탭 바를 쉽게 설정할 수 있습니다. SnapKit은 Swift에서 Auto Layout을 더 효율적으로 구현할 수 있는 라이브러리입니다.

SnapKit 설치하기

먼저, SnapKit을 설치해야 합니다. SnapKit은 CocoaPods 또는 Swift Package Manager를 통해 설치할 수 있습니다. CocoaPods를 사용하는 경우, Podfile에 다음과 같이 SnapKit을 추가합니다.

pod 'SnapKit'

그리고 터미널에서 pod install 명령어를 실행하여 SnapKit을 설치합니다.

탭 바 생성하기

SnapKit을 사용하여 뷰의 탭 바를 설정하려면, 먼저 탭 바를 생성해야 합니다. 다음은 탭 바를 생성하는 예제 코드입니다.

import UIKit
import SnapKit

class ViewController: UIViewController {

    let tabBarController = UITabBarController()
    
    override func viewDidLoad() {
        super.viewDidLoad()

        // 탭 바 아이템 생성
        let firstViewController = UIViewController()
        let secondViewController = UIViewController()
        
        // 탭 바 아이템에 컨트롤러 설정
        firstViewController.tabBarItem = UITabBarItem(title: "첫 번째", image: UIImage(named: "first"), tag: 0)
        secondViewController.tabBarItem = UITabBarItem(title: "두 번째", image: UIImage(named: "second"), tag: 1)
        
        // 탭 바에 컨트롤러 추가
        tabBarController.viewControllers = [firstViewController, secondViewController]
        
        // 탭 바를 루트 뷰에 추가
        view.addSubview(tabBarController.view)
        
        // 탭 바를 SnapKit을 사용하여 제약 조건 설정
        tabBarController.view.snp.makeConstraints { make in
            make.edges.equalToSuperview()
        }
    }
}

위 코드에서는 UITabBarController 인스턴스인 tabBarController를 생성하고, UIViewController 인스턴스인 firstViewController와 secondViewController를 탭 바 아이템으로 설정합니다. 그리고 탭 바에 컨트롤러를 추가하고, SnapKit을 사용하여 탭 바의 제약 조건을 설정합니다.

탭 바 아이템에 커스텀 뷰 추가하기

때로는 탭 바 아이템에 커스텀 뷰를 추가하고 싶을 수 있습니다. 이를 위해 UITabBarItem에 customView 속성을 사용할 수 있습니다. 다음은 탭 바 아이템에 커스텀 뷰를 추가하는 예제입니다.

let firstViewController = UIViewController()
let secondViewController = UIViewController()

let firstTabBarItem = UITabBarItem(title: "첫 번째", image: UIImage(named: "first"), tag: 0)
let secondTabBarItem = UITabBarItem(title: "두 번째", image: UIImage(named: "second"), tag: 1)

// 커스텀 뷰 생성
let customView = UIView()
customView.backgroundColor = .red

// 탭 바 아이템에 커스텀 뷰 설정
firstTabBarItem.customView = customView

// 탭 바 아이템에 컨트롤러 설정
firstViewController.tabBarItem = firstTabBarItem
secondViewController.tabBarItem = secondTabBarItem

위 코드에서는 UIView 인스턴스인 customView를 생성하여 빨간색 배경을 가지도록 설정하고, UITabBarItem의 customView 속성에 customView를 할당하여 커스텀 뷰를 추가합니다.

SnapKit을 사용하여 뷰의 탭 바를 설정하는 방법에 대해 알아보았습니다. 이를 통해 더 효율적으로 Auto Layout을 구현하고, 뷰를 깔끔하게 관리할 수 있습니다.

참고 자료

SnapKit GitHub 저장소: https://github.com/SnapKit/SnapKit
SnapKit 공식 문서: http://snapkit.io/docs/