[swift] Swift에서 PopupDialog를 사용하여 주문 현황 팝업창 만들기

27 Nov 2023

swift

PopupDialog

이번에는 Swift에서 PopupDialog 프레임워크를 이용하여 주문 현황을 보여주는 팝업창을 만들어보겠습니다.

필요한 라이브러리 설치

우선 해당 기능을 구현하기 위해 PopupDialog 라이브러리를 설치해야 합니다. pod을 이용하여 설치할 수 있습니다.

pod 'PopupDialog'

라이브러리를 성공적으로 설치하였으면, 해당 라이브러리를 불러와 사용할 준비가 완료됩니다.

import PopupDialog

팝업창 띄우기

주문 현황을 보여주는 팝업창을 띄우기 위해 PopupDialog 인스턴스를 생성합니다. 다음은 간단한 예제 코드입니다.

let title = "주문 현황"
let message = "주문이 완료되었습니다."
let button = DefaultButton(title: "확인") {
    // 확인 버튼을 눌렀을 때 실행되는 코드
    print("확인 버튼이 눌렸습니다.")
}

let popup = PopupDialog(title: title, message: message)
popup.addButton(button)

self.present(popup, animated: true, completion: nil)

위 코드에서는 팝업창의 제목, 메세지, 그리고 확인 버튼을 설정하고 있습니다. present 메소드를 사용하여 팝업창을 띄웁니다.

커스텀 팝업창 만들기

기본적으로 제공되는 스타일 외에도, 커스텀한 팝업창을 만들 수 있습니다. PopupDialog 클래스의 여러 속성을 활용하여 원하는 디자인을 적용할 수 있습니다. 아래 예제 코드는 커스텀한 팝업창을 만드는 방법을 보여줍니다.

let popup = PopupDialog(title: title, message: message)

let buttonOne = CancelButton(title: "취소") {
    // 취소 버튼을 눌렀을 때 실행되는 코드
    print("취소 버튼이 눌렸습니다.")
}

let buttonTwo = DefaultButton(title: "확인") {
    // 확인 버튼을 눌렀을 때 실행되는 코드
    print("확인 버튼이 눌렸습니다.")
}

popup.addButton(buttonOne)
popup.addButton(buttonTwo)

// 팝업창에 원하는 디자인의 view를 추가할 수 있습니다.
let customView = CustomView(frame: CGRect(x: 0, y: 0, width: 300, height: 200))
popup.addCustomView(customView)

self.present(popup, animated: true, completion: nil)

위 코드에서는 취소 버튼과 확인 버튼을 생성하여 팝업창에 추가하고 있습니다. 또한, addCustomView 메소드를 사용하여 팝업창에 원하는 디자인의 customView를 추가할 수 있습니다.

마무리

위의 예제 코드를 참고하여, Swift에서 PopupDialog 프레임워크를 사용하여 주문 현황을 보여주는 팝업창을 만들 수 있습니다. PopupDialog를 사용하면 간단하게 다양한 스타일의 팝업창을 만들 수 있으므로, 유용하게 활용할 수 있습니다.

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