앱을 개발하고 있는 도중 사용자들로부터 피드백을 받기 위한 팝업창을 만들어야 할 때가 있습니다. 이때 Swift에서 PopupDialog 라이브러리를 사용하여 간단하고 멋진 팝업창을 만들 수 있습니다.

PopupDialog 라이브러리 설치하기

먼저, CocoaPods를 사용하여 PopupDialog 라이브러리를 프로젝트에 추가해야 합니다. Podfile 파일을 열고 다음과 같이 라이브러리를 추가해주세요.

pod 'PopupDialog'

그리고 터미널을 열어 프로젝트 폴더로 이동한 후, 다음 명령을 실행하여 라이브러리를 설치해주세요.

pod install

팝업창 만들기

팝업창을 만들기 위해 먼저 PopupDialog를 import 해주어야 합니다.

import PopupDialog

이제 팝업창을 만들기 위해 다음과 같은 코드를 작성해보겠습니다.

let title = "피드백을 남겨주세요"
let message = "의견이나 개선사항이 있으시면 알려주세요!"

let popup = PopupDialog(title: title, message: message)

let button = DefaultButton(title: "피드백 남기기") {
    // 피드백 남기기 버튼이 클릭되었을 때 실행되는 코드
}
popup.addButton(button)

let cancelButton = CancelButton(title: "취소") {
    // 취소 버튼이 클릭되었을 때 실행되는 코드
}
popup.addButton(cancelButton)

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

위의 코드에서 title과 message 변수에 원하는 제목과 메시지를 입력해주세요. 그리고 "피드백 남기기" 버튼과 "취소" 버튼의 클릭 이벤트에 원하는 동작을 추가해주세요.

추가적인 설정과 커스터마이징

PopupDialog는 다양한 설정과 커스터마이징 옵션이 제공됩니다. 다음은 몇 가지 예시입니다.

팝업 창 크기 변경하기

PopupDialog의 크기를 변경하려면 PopupDialogDefaultViewController에 액세스하여 preferredContentSize를 설정해야 합니다.

if let viewController = popup.viewController as? PopupDialogDefaultViewController {
    viewController.preferredContentSize = CGSize(width: 300, height: 200)
}

버튼 스타일 변경하기

기본적으로 DefaultButton 및 CancelButton의 스타일은 시스템에 따라 다릅니다. 그러나 버튼에 대한 커스텀 스타일을 적용할 수도 있습니다.

let customButton = DefaultButton(title: "확인", height: 60, dismissOnTap: true, action: nil)
customButton.titleColor = .white
customButton.backgroundColor = .blue
customButton.separatorColor = .clear

popup.addButton(customButton)

다양한 스타일 옵션

PopupDialog는 여러 스타일 옵션을 제공합니다. 예를 들어 다음과 같이 팝업창의 배경 색상을 변경할 수 있습니다.

popup.backgroundColor = .black
popup.buttonAlignment = .vertical
popup.transitionStyle = .zoomIn

참고자료

• PopupDialog 라이브러리 GitHub 페이지

위의 예시 코드와 참고자료를 활용하여 앱에 피드백 요청 팝업창을 만들어보세요. 사용자들의 소중한 의견을 받아 앱을 더욱 발전시킬 수 있습니다!