[swift] 팝업창에서 사용자의 프로필 정보를 수정하는 방법

[swift] 팝업창에서 사용자의 프로필 정보를 수정하는 방법 - Swift PopupDialog 사용법

27 Nov 2023

swift

팝업창은 사용자와 상호작용하는 데 유용한 도구입니다. 이번에는 Swift에서 사용자의 프로필 정보를 수정하는 팝업창을 만드는 방법에 대해 알아보겠습니다.

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

첫 번째로, Swift PopupDialog 라이브러리를 프로젝트에 추가해야 합니다. 프로젝트의 Podfile에 다음과 같이 추가합니다.

pod 'PopupDialog'

그런 다음 터미널에서 pod install 명령어를 실행하여 라이브러리를 설치합니다.

2. 팝업창 디자인 및 로직 구현하기

다음으로, 팝업창의 디자인과 로직을 구현해야 합니다.

import UIKit
import PopupDialog

class ProfileEditViewController: UIViewController {

    @IBOutlet weak var profileImageView: UIImageView!
    @IBOutlet weak var nameLabel: UILabel!
    @IBOutlet weak var emailLabel: UILabel!
    @IBOutlet weak var editButton: UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    @IBAction func editButtonTapped(_ sender: UIButton) {
        // 팝업창 설정
        let popup = PopupDialog(title: "프로필 수정", message: "프로필 정보를 수정하세요.")

        // 팝업창에 텍스트 필드 추가
        let nameTextField = UITextField()
        nameTextField.placeholder = "이름"
        let emailTextField = UITextField()
        emailTextField.placeholder = "이메일"

        let stackedView = UIStackView()
        stackedView.axis = .vertical
        stackedView.spacing = 8
        stackedView.addArrangedSubview(nameTextField)
        stackedView.addArrangedSubview(emailTextField)

        let dialogAppearance = PopupDialogDefaultView.appearance()
        dialogAppearance.backgroundColor = .white
        dialogAppearance.titleFont = .boldSystemFont(ofSize: 17)
        dialogAppearance.titleTextAlignment = .center
        dialogAppearance.messageFont = .systemFont(ofSize: 15)
        dialogAppearance.messageTextAlignment = .center

        popup.addButtons([
            DefaultButton(title: "취소", dismissOnTap: true) {
                // 취소 버튼 눌렀을 때 처리하는 코드
            },
            DefaultButton(title: "확인", dismissOnTap: true) {
                let name = nameTextField.text ?? ""
                let email = emailTextField.text ?? ""
                // 수정된 프로필 정보 처리하는 코드
            }
        ])

        popup.view.addSubview(stackedView)
        NSLayoutConstraint.activate([
            stackedView.leadingAnchor.constraint(equalTo: popup.view.leadingAnchor, constant: 24),
            stackedView.trailingAnchor.constraint(equalTo: popup.view.trailingAnchor, constant: -24),
            stackedView.topAnchor.constraint(equalTo: popup.view.topAnchor, constant: 64)
        ])

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

}

위의 예시 코드는 ProfileEditViewController 클래스에 팝업창을 생성하고, 사용자가 프로필 정보를 수정할 수 있도록 구현한 것입니다. 팝업창에는 이름과 이메일을 입력받을 수 있는 텍스트 필드가 있으며, 확인 버튼을 누르면 입력된 정보를 처리하는 코드가 구현되어 있습니다.

3. 사용자 프로필 수정 기능 구현하기

팝업창으로 사용자의 프로필 정보를 수정하려면, 확인 버튼을 눌렀을 때 입력된 정보를 처리하는 기능을 추가해야 합니다.

// 수정된 프로필 정보 처리하는 코드
let name = nameTextField.text ?? ""
let email = emailTextField.text ?? ""
// TODO: 프로필 정보 업데이트 로직 추가하기

위의 코드에서 TODO: 부분에 프로필 정보를 업데이트하는 로직을 추가하면 됩니다. 예를 들어, 서버로 수정된 프로필 정보를 전송하거나 로컬 데이터베이스에 반영할 수 있습니다.

결론

이제 Swift로 팝업창에서 사용자의 프로필 정보를 수정하는 방법을 알아보았습니다. Swift PopupDialog 라이브러리를 사용하여 사용자와 상호작용할 수 있는 팝업창을 만들고, 수정된 프로필 정보를 처리하는 기능을 구현할 수 있습니다.