[swift] Swift에서 PopupDialog를 사용하여 공지사항 팝업창 만들기

27 Nov 2023

swift

Swift에서 팝업창을 구현하기 위해 PopupDialog 라이브러리를 사용할 수 있습니다. PopupDialog는 사용하기 쉽고 다양한 스타일의 팝업창을 만들 수 있어 유용한 도구입니다. 이번 블로그 포스트에서는 Swift에서 PopupDialog를 사용하여 공지사항 팝업창을 만들어 보겠습니다.

1. PopupDialog 라이브러리 설치

먼저, 프로젝트에 PopupDialog 라이브러리를 설치해야 합니다. CocoaPods를 사용하는 경우, Podfile에 다음과 같이 라이브러리를 추가합니다.

pod 'PopupDialog'

그리고 터미널을 열어 프로젝트 디렉토리로 이동한 다음, pod install 명령어를 실행하여 라이브러리를 설치합니다.

$ pod install

라이브러리를 수동으로 추가하는 경우 PopupDialog GitHub 저장소에서 최신 버전을 다운로드하고 프로젝트에 추가합니다.

2. 공지사항 팝업창 구현하기

이제 프로젝트에서 공지사항 팝업창을 구현해 보겠습니다. 먼저, 팝업창을 호출할 버튼을 만들기 위해 UIKit을 import 해줍니다.

import UIKit
import PopupDialog

다음으로, 버튼이 클릭되었을 때 팝업창을 호출하는 함수를 작성합니다. 함수 내에서 PopupDialog를 사용하여 팝업창을 구성합니다.

func showNoticePopup() {
    let title = "공지사항"
    let message = "오늘은 새로운 업데이트가 있습니다."
    
    // 팝업창 생성
    let popup = PopupDialog(title: title, message: message)
    
    // 확인 버튼 생성
    let button = DefaultButton(title: "확인") {
        // 확인 버튼이 클릭되었을 때 실행할 동작을 작성합니다.
    }
    
    // 버튼을 팝업창에 추가합니다.
    popup.addButton(button)
    
    // 팝업창을 화면에 표시합니다.
    self.present(popup, animated: true, completion: nil)
}

위의 코드에서는 title 변수에 팝업창의 제목을, message 변수에 팝업창에 표시할 메시지를 설정합니다. 그리고 DefaultButton을 사용하여 확인 버튼을 생성하고 팝업창에 추가합니다.

팝업창을 호출하기 위해 다음과 같이 버튼의 액션 메서드에서 showNoticePopup() 함수를 호출합니다.

@IBAction func showPopupButtonTapped(_ sender: UIButton) {
    showNoticePopup()
}

이제 버튼을 클릭하면 공지사항 팝업창이 표시됩니다.

3. 추가적인 설정

PopupDialog는 다양한 스타일 및 구성 옵션을 제공합니다. 각각에 대한 자세한 내용은 PopupDialog GitHub 저장소에서 확인할 수 있습니다.

마무리로, 팝업창의 스타일을 변경하고 추가적인 버튼을 설정하는 방법에 대해 간단히 알아보겠습니다.

func showNoticePopup() {
    let title = "공지사항"
    let message = "오늘은 새로운 업데이트가 있습니다."
    
    // 팝업창 생성
    let popup = PopupDialog(title: title, message: message)
    
    // 팝업창 스타일 설정
    let dialogAppearance = PopupDialogDefaultView.appearance()
    dialogAppearance.backgroundColor = .white
    dialogAppearance.titleFont = UIFont.boldSystemFont(ofSize: 17)
    dialogAppearance.messageFont = UIFont.systemFont(ofSize: 15)
    
    // 추가 버튼 생성
    let moreButton = CancelButton(title: "더보기") {
        // 추가 버튼이 클릭되었을 때 실행할 동작을 작성합니다.
    }
    popup.addButton(moreButton)
    
    // 확인 버튼 생성
    let confirmButton = DefaultButton(title: "확인") {
        // 확인 버튼이 클릭되었을 때 실행할 동작을 작성합니다.
    }
    popup.addButton(confirmButton)
    
    // 팝업창을 화면에 표시합니다.
    self.present(popup, animated: true, completion: nil)
}

위의 코드에서는 PopupDialogDefaultView.appearance()을 사용하여 팝업창의 기본 스타일을 변경하고, CancelButton을 추가 버튼으로 생성하는 방법을 보여주었습니다.

결론

이번 블로그 포스트에서는 Swift에서 PopupDialog를 사용하여 공지사항 팝업창을 만드는 방법을 소개했습니다. PopupDialog는 다양한 스타일과 구성 옵션을 제공하여 간편하게 팝업창을 구현할 수 있습니다. 추가적인 설정을 통해 팝업창을 원하는대로 커스터마이징할 수 있습니다.