[swift] Swift에서 PopupDialog를 사용하여 취미 추천 팝업창 만들기

27 Nov 2023

swift

이번에는 Swift에서 PopupDialog를 사용하여 취미 추천 팝업창을 만들어보려고 합니다. PopupDialog는 사용하기 쉽고 다양한 스타일의 팝업창을 만들 수 있는 라이브러리입니다. 이를 통해 사용자에게 직관적인 팝업 인터페이스를 제공할 수 있습니다.

PopupDialog 라이브러리 설치

먼저, PopupDialog 라이브러리를 설치해야 합니다. 이를 위해 CocoaPods를 사용할 수 있습니다. 다음과 같이 Podfile에 라이브러리를 추가합니다:

pod 'PopupDialog'

그리고 Podfile이 있는 디렉토리에서 다음 명령어를 실행하여 라이브러리를 설치합니다:

$ pod install

팝업창 만들기

이제 팝업창을 만들어보겠습니다. 먼저, 팝업창이 나타날 버튼을 만듭니다:

let button = UIButton(frame: CGRect(x: 0, y: 0, width: 100, height: 50))
button.setTitle("Show Popup", for: .normal)
button.addTarget(self, action: #selector(showPopup), for: .touchUpInside)
self.view.addSubview(button)

버튼을 누르면 showPopup 메서드가 호출되도록 설정했습니다. 이제 showPopup 메서드를 구현해보겠습니다:

@objc func showPopup() {
    let title = "취미 추천"
    let message = "어떤 취미를 추천해드릴까요?"
    
    let popup = PopupDialog(title: title, message: message)
    
    // 팝업창에 필요한 커스텀 뷰를 추가합니다.
    let customView = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 100))
    
    let label = UILabel(frame: CGRect(x: 0, y: 0, width: 200, height: 50))
    label.text = "등산"
    label.textAlignment = .center
    customView.addSubview(label)
    
    popup.addButtons([
        DefaultButton(title: "추천", height: 60) {
            // 추천 버튼을 눌렀을 때 처리할 코드 작성
        },
        CancelButton(title: "닫기", height: 60) {
            // 닫기 버튼을 눌렀을 때 처리할 코드 작성
        }
    ])
    
    self.present(popup, animated: true, completion: nil)
}

팝업 창을 만들기 위해 PopupDialog 인스턴스를 생성합니다. title과 message를 설정하여 팝업창의 제목과 내용을 지정합니다. 팝업창에 필요한 커스텀 뷰를 생성하고, addButtons 메서드를 통해 팝업창에 버튼을 추가합니다. 각 버튼에는 클릭 시 처리할 코드를 작성할 수 있습니다.

이제 showPopup 메서드를 호출하면 팝업창이 나타납니다.

이와 같이 Swift에서 PopupDialog를 사용하여 취미 추천 팝업창을 만들 수 있습니다. PopupDialog는 간편하게 다양한 스타일의 팝업창을 구현할 수 있으므로 많은 개발자들에게 도움이 될 수 있습니다.

참고 자료

PopupDialog GitHub 페이지