[swift] 팝업창에서 스크롤뷰를 사용하는 방법 - Swift PopupDialog

팝업창을 사용하는 앱을 개발하다보면, 팝업창 내에 긴 내용을 표시해야하는 경우가 있습니다. 이 경우 스크롤뷰를 사용하여 사용자가 내용을 스크롤할 수 있도록 해야합니다. 이번 블로그에서는 Swift에서 PopupDialog 라이브러리를 사용하여 팝업창 내에 스크롤뷰를 추가하는 방법에 대해 알아보겠습니다.

1. PopupDialog 라이브러리 설치

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

Podfile에 다음과 같은 내용을 추가합니다.

pod 'PopupDialog'

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

pod install

2. 팝업창 생성

PopupDialog 객체를 생성하여 팝업창을 만들 수 있습니다. 팝업창에는 제목, 내용 및 버튼을 포함할 수 있습니다.

import PopupDialog

// 팝업창 생성
let popup = PopupDialog(title: "스크롤뷰 팝업창", message: "팝업창 내용을 스크롤하기 위해 스크롤뷰를 추가합니다.")

// 팝업창 버튼 생성
let button = DefaultButton(title: "닫기") {
    // 팝업창 닫기 버튼 동작 정의
    print("팝업창이 닫혔습니다.")
}

// 팝업창에 버튼 추가
popup.addButton(button)

3. 스크롤뷰 추가

스크롤뷰를 생성하여 팝업창에 추가합니다. 스크롤뷰를 추가할 때에는 팝업창에 들어갈 내용을 scrollView 변수로 감싸야합니다. scrollView 변수는 UIScrollView 클래스의 인스턴스여야합니다.

// 스크롤뷰 생성
let scrollView = UIScrollView(frame: CGRect(x: 0, y: 0, width: 250, height: 250))

// 스크롤뷰에 표시될 내용 정의
let contentView = UIView(frame: CGRect(x: 0, y: 0, width: 250, height: 500))
contentView.backgroundColor = .white

// 스크롤뷰에 내용 추가
scrollView.addSubview(contentView)

// 팝업창에 스크롤뷰 추가
popup.containerView.addSubview(scrollView)

4. 팝업창 표시

생성한 팝업창을 표시합니다.

// 팝업창 표시
present(popup, animated: true, completion: nil)

스크롤뷰를 팝업창 내에 추가하는 방법을 알아보았습니다. 이제 팝업창 내에 긴 내용을 스크롤하여 사용자가 모든 내용을 볼 수 있게되었습니다.

참고 자료