[swift] Swift에서 PopupDialog를 사용하여 체중 관리 팝업창 만들기

PopupDialog는 사용자에게 인터랙티브한 팝업창을 제공하는 패키지입니다. 이를 사용하여 Swift 앱에서 체중 관리 팝업창을 만들어 보겠습니다.

1. 팝업창 설치

먼저, 팝업창을 사용하기 위해 PopupDialog 패키지를 설치해야 합니다. CocoaPods를 사용한다면 Podfile에 다음 줄을 추가하세요:

pod 'PopupDialog'

그리고 pod install 명령어를 실행하여 패키지를 설치합니다.

만약 Swift Package Manager를 사용한다면, Xcode 프로젝트에 패키지를 추가하세요.

2. 팝업창 구성

이제 팝업창을 구성해보겠습니다. 우선, UIViewController 클래스 내에 다음 코드를 추가하세요:

import PopupDialog

func showWeightManagementPopup() {
    let title = "체중 관리"
    let message = "체중을 입력하세요"
    
    let weightTextField = UITextField()
    weightTextField.placeholder = "체중(kg)"
    
    let addButton = DefaultButton(title: "추가") {
        guard let weight = weightTextField.text else { return }
        // 체중을 저장하거나 다른 작업을 수행
    }
    
    let cancelButton = CancelButton(title: "취소") {}
    
    let popup = PopupDialog(title: title, message: message)
    popup.addTextField(weightTextField)
    popup.addButton(addButton)
    popup.addButton(cancelButton)
    
    self.present(popup, animated: true, completion: nil)
}

위의 코드에서는 showWeightManagementPopup() 함수를 호출하여 팝업창을 띄울 수 있습니다. 팝업창에는 체중을 입력할 수 있는 텍스트 필드와 ‘추가’ 버튼, ‘취소’ 버튼이 포함되어 있습니다. ‘추가’ 버튼을 누를 경우, 입력된 체중을 저장하거나 원하는 작업을 수행할 수 있습니다.

3. 팝업창 호출

이제 팝업창을 호출해보겠습니다. 예를 들어, 메인 화면 상단의 + 버튼을 눌렀을 때 팝업창이 뜨도록 할 수 있습니다. 다음과 같이 메인 뷰 컨트롤러에서 버튼 액션에 코드를 추가하세요:

@IBAction func addButtonTapped(_ sender: Any) {
    showWeightManagementPopup()
}

위의 코드에서는 addButtonTapped() 함수가 호출되며, 이 함수에서 showWeightManagementPopup()을 호출하여 체중 관리 팝업창을 표시합니다.

마무리

이제 Swift에서 PopupDialog를 사용하여 체중 관리 팝업창을 만드는 방법을 알아보았습니다. 이를 통해 사용자에게 인터랙티브한 팝업창을 제공하여 앱의 사용자 경험을 향상시킬 수 있습니다.

더 많은 정보를 알고 싶다면, PopupDialog 공식 문서를 참조하세요.