[swift] Swift에서 PopupDialog를 사용하여 주변 관광지 정보 제공 팝업창 만들기

27 Nov 2023

swift

이번 글에서는 Swift에서 PopupDialog를 사용하여 주변 관광지 정보를 제공하는 팝업창을 만드는 방법에 대해 알아보겠습니다. PopupDialog는 사용하기 간편하고 다양한 스타일의 팝업창을 만들 수 있는 오픈 소스 라이브러리입니다.

PopupDialog 라이브러리 설치하기

첫 번째로, 프로젝트에 PopupDialog 라이브러리를 설치해야 합니다. 이를 위해 CocoaPods를 사용하겠습니다.

프로젝트 폴더에서 Podfile을 생성하고 아래와 같이 내용을 작성합니다.

platform :ios, '9.0'
target 'YourProjectName' do
  use_frameworks!
  pod 'PopupDialog'
end

터미널을 열고 프로젝트 폴더로 이동한 후, pod install 명령어를 실행합니다.

$ cd YourProjectFolder
$ pod install

Xcode에서 작성한 YourProjectName.xcworkspace 파일을 열어서 프로젝트를 실행합니다.

팝업창 만들기

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

import PopupDialog

다음으로, 팝업창에 표시할 내용을 정의합니다. 이 예제에서는 주변 관광지 정보를 보여주기 위해 UIView를 생성하고 해당 뷰에 정보를 표시하는 UILabel과 UIImageView를 추가합니다.

// 팝업창에 표시될 뷰 생성
let contentView = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))

// 관광지 이미지 추가
let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 200, height: 150))
imageView.image = UIImage(named: "tourist_spot_image")
contentView.addSubview(imageView)

// 관광지 정보 추가
let label = UILabel(frame: CGRect(x: 0, y: 150, width: 200, height: 50))
label.text = "주변 관광지 정보"
label.textAlignment = .center
contentView.addSubview(label)

이제 팝업창을 생성하고 위에서 정의한 contentView를 설정합니다. popup.addButton() 함수를 사용하여 팝업창에 버튼을 추가할 수도 있습니다.

// 팝업창 생성
let popup = PopupDialog(viewController: YourViewController, buttonAlignment: .horizontal, transitionStyle: .bounceDown, tapGestureDismissal: true)

// 팝업창에 contentView 설정
popup.containerView.addSubview(contentView)

// 버튼 추가
let button = DefaultButton(title: "닫기") {
    // 팝업창 닫기 버튼을 클릭했을 때 실행될 동작
    // 원하는 동작을 추가해주세요.
}
popup.addButton(button)

마지막으로, 팝업창을 표시합니다.

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

이제 주변 관광지 정보를 제공하는 팝업창이 화면에 나타납니다.

결론

Swift에서 PopupDialog를 사용하여 주변 관광지 정보를 제공하는 팝업창을 만드는 방법에 대해 알아보았습니다. PopupDialog를 사용하면 간편하게 다양한 스타일의 팝업창을 구현할 수 있으며, 관광지 정보 제공 외에도 다양한 용도로 활용할 수 있습니다. 추가적인 사용 방법은 PopupDialog GitHub 페이지를 참고해주세요.