[swift] PMAlertController 알림창 컬렉션 뷰 추가하기

17 Nov 2023

swift

앱 개발 시 종종 사용되는 알림창은 사용자와의 상호작용을 위해 중요한 요소입니다. PMAlertController는 사용자 정의 가능한 알림창을 제공하는 라이브러리입니다. 이 라이브러리를 사용하여 알림창에 컬렉션 뷰를 추가하는 방법에 대해 알아보겠습니다.

Step 1: PMAlertController 라이브러리 추가하기

먼저 PMAlertController 라이브러리를 프로젝트에 추가해야 합니다. 이를 위해 CocoaPods를 사용할 수 있습니다. 프로젝트의 Podfile에 다음과 같이 추가한 후, pod install 명령어를 실행합니다.

pod 'PMAlertController'

Step 2: 컬렉션 뷰 생성하기

알림창에 추가할 컬렉션 뷰를 생성합니다. 컬렉션 뷰는 UICollectionViewDelegate와 UICollectionViewDataSource 프로토콜을 구현해야 합니다.

class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource {
    
    @IBOutlet weak var collectionView: UICollectionView!
    
    // 컬렉션 뷰 데이터
    let items = ["Item 1", "Item 2", "Item 3", "Item 4"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        collectionView.delegate = self
        collectionView.dataSource = self
    }
    
    // 컬렉션 뷰 아이템 수 반환
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return items.count
    }
    
    // 컬렉션 뷰 셀 반환
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath) as! CollectionViewCell
        cell.titleLabel.text = items[indexPath.row]
        return cell
    }
}

Step 3: 알림창에 컬렉션 뷰 추가하기

알림창에 컬렉션 뷰를 추가하기 위해 PMAlertController를 사용합니다. 다음은 알림창을 표시하기 위한 예제 코드입니다.

let alertVC = PMAlertController(title: "알림", description: "컬렉션 뷰를 확인하세요!", image: UIImage(named: "alert_icon"), style: .alert)
let collectionView = UICollectionView(frame: CGRect(x: 0, y: 0, width: 240, height: 120), collectionViewLayout: UICollectionViewFlowLayout())
collectionView.delegate = self
collectionView.dataSource = self
collectionView.register(UINib(nibName: "CollectionViewCell", bundle: nil), forCellWithReuseIdentifier: "CollectionViewCell")
alertVC.addCollectionView(collectionView)
present(alertVC, animated: true, completion: nil)

위 코드에서 PMAlertController를 초기화하고, UICollectionView를 생성한 후, 해당 컬렉션 뷰를 PMAlertController에 추가합니다. 그리고 present 메서드를 사용하여 알림창을 화면에 표시합니다.

결론

PMAlertController를 사용하여 알림창에 컬렉션 뷰를 추가하는 방법에 대해 알아보았습니다. 이를 통해 더 다양한 기능을 가진 알림창을 구현할 수 있습니다. 자세한 내용은 PMAlertController GitHub 페이지에서 확인할 수 있습니다.