[swift] Swift에서 PopupDialog를 사용하여 여행 일정 팝업창 만들기

27 Nov 2023

swift

여행 앱을 개발하고 있다면, 사용자가 여행 일정을 추가하고 수정하는 기능이 필요할 것입니다. 이때 팝업창을 사용하여 사용자에게 일정을 입력받을 수 있습니다. Swift에서는 PopupDialog 라이브러리를 사용하여 간단하고 멋진 팝업창을 만들 수 있습니다.

PopupDialog 라이브러리 설치

먼저, CocoaPods를 이용하여 PopupDialog 라이브러리를 설치해야 합니다. Podfile에 다음과 같이 라이브러리를 추가하고, $ pod install 명령어를 실행하여 라이브러리를 설치합니다.

pod 'PopupDialog'

팝업창 만들기

팝업창을 만들려면, 먼저 PopupDialog 객체를 생성해야 합니다. 팝업창에 표시될 제목, 본문, 버튼 등을 설정한 뒤, 팝업창을 화면에 표시합니다.

import PopupDialog

func showAddSchedulePopup() {
    let title = "일정 추가"
    let message = "새로운 여행 일정을 입력해주세요."
    
    let popup = PopupDialog(title: title, message: message)
    
    let buttonOne = DefaultButton(title: "취소") {
        // 취소 버튼 클릭 시 실행될 코드
    }
    
    let buttonTwo = DefaultButton(title: "확인") {
        // 확인 버튼 클릭 시 실행될 코드
        if let textField = popup.textFields?.first {
            let schedule = textField.text ?? ""
            // 입력된 일정을 처리하는 코드
        }
    }
    
    popup.addButtons([buttonOne, buttonTwo])
    
    present(popup, animated: true, completion: nil)
}

위의 코드는 showAddSchedulePopup 함수를 호출하여 팝업창을 화면에 표시할 수 있습니다. 팝업창에는 제목과 메시지가 표시되고, “취소”와 “확인” 버튼이 있습니다. “확인” 버튼의 클릭 이벤트에서는 팝업창에 있는 텍스트 필드에서 입력된 일정을 처리하는 코드를 작성할 수 있습니다.

팝업창에 입력 필드 추가하기

위의 예제에서는 팝업창에 입력 필드를 추가하지 않았지만, 필요에 따라 팝업창에 입력 필드를 추가할 수 있습니다. 아래의 예제는 팝업창에 입력 필드를 추가하는 방법을 보여줍니다.

import PopupDialog

func showAddSchedulePopup() {
    let title = "일정 추가"
    let message = "새로운 여행 일정을 입력해주세요."
    
    let popup = PopupDialog(title: title, message: message)
    
    let textField = UITextField()
    textField.placeholder = "일정을 입력하세요."
    
    popup.addTextField(textField)
    
    let buttonOne = DefaultButton(title: "취소") {
        // 취소 버튼 클릭 시 실행될 코드
    }
    
    let buttonTwo = DefaultButton(title: "확인") {
        // 확인 버튼 클릭 시 실행될 코드
        if let schedule = textField.text {
            // 입력된 일정을 처리하는 코드
        }
    }
    
    popup.addButtons([buttonOne, buttonTwo])
    
    present(popup, animated: true, completion: nil)
}

위의 예제에서는 addTextField 메서드를 사용하여 팝업창에 입력 필드를 추가했습니다. 입력된 일정은 확인 버튼 클릭 이벤트에서 처리할 수 있습니다.

위의 예제를 참고하여, Swift에서 PopupDialog를 사용하여 멋진 여행 일정 팝업창을 만들어보세요!

참고 자료

PopupDialog Github 저장소: https://github.com/Orderella/PopupDialog