[swift] Swift에서 PopupDialog를 사용하여 쿠폰 코드를 표시하는 팝업창 만들기

27 Nov 2023

swift

이번 포스트에서는 Swift에서 PopupDialog를 사용하여 쿠폰 코드를 표시하는 팝업창을 만드는 방법에 대해 알아보겠습니다.

1. PopupDialog 라이브러리 설치하기

먼저, PopupDialog 라이브러리를 설치해야 합니다. 이 라이브러리를 사용하면 간단하고 멋진 팝업창을 만들 수 있습니다.

pod 'PopupDialog'

위의 코드를 Podfile에 추가한 후 pod install 명령어를 사용하여 라이브러리를 설치합니다.

2. 팝업창 생성하기

import PopupDialog

func showCouponPopup(code: String) {
    // 팝업창 내용 설정
    let title = "쿠폰 코드"
    let message = "사용 가능한 쿠폰 코드는 다음과 같습니다:"
    
    let titleLabel = UILabel()
    titleLabel.text = title
    titleLabel.font = UIFont.boldSystemFont(ofSize: 17)
    
    let messageLabel = UILabel()
    messageLabel.text = message
    
    let codeLabel = UILabel()
    codeLabel.text = code
    codeLabel.font = UIFont.boldSystemFont(ofSize: 22)
    
    // 팝업창 생성
    let popup = PopupDialog(viewController: nil, title: titleLabel, message: messageLabel)
    
    // 쿠폰 코드를 추가하기 위해 커스텀 뷰 추가
    let popupContainer = PopupDialogContainerView(frame: CGRect(x: 0, y: 0, width: 250, height: 130))
    popupContainer.addCenteredSubview(codeLabel)
    popupContainer.automaticallyAdjustsColorStyle = true
    popupContainer.dialogStyle.cornerRadius = 10
    popup.addContainerView(popupContainer)
    
    // 팝업창을 보여줍니다.
    present(popup, animated: true, completion: nil)
}

위의 코드는 showCouponPopup 함수를 작성하는 예시입니다. 이 함수는 호출될 때 팝업창을 생성하고, 쿠폰 코드를 표시하는 뷰를 추가합니다.

3. 팝업창 사용하기

let couponCode = "ABC123"
showCouponPopup(code: couponCode)

팝업창을 사용하려면 위와 같이 showCouponPopup 함수를 호출하면 됩니다. 이때, couponCode 변수에는 표시할 쿠폰 코드를 저장해야 합니다.

위의 예시 코드를 실행하면, 사용 가능한 쿠폰 코드를 표시하는 멋진 팝업창이 표시됩니다.

결론

이번 포스트에서는 Swift에서 PopupDialog를 사용하여 쿠폰 코드를 표시하는 팝업창을 만드는 방법에 대해 알아보았습니다. PopupDialog 라이브러리를 사용하면 쉽게 멋진 팝업창을 구현할 수 있으며, 쿠폰 코드 및 다른 정보를 간편하게 표시할 수 있습니다.

참고 자료:

PopupDialog GitHub 페이지