[swift] Swift에서 PopupDialog를 사용하여 QR 코드 스캐너 팝업창 만들기

27 Nov 2023

swift

이번 포스트에서는 Swift에서 PopupDialog를 사용하여 QR 코드 스캐너 팝업창을 만드는 방법에 대해 알아보겠습니다.

1. PopupDialog 라이브러리 설치

먼저, QR 코드 스캐너 팝업창을 만들기 위해 PopupDialog 라이브러리를 설치해야 합니다. 다음의 명령어를 사용하여 Cocoapods을 통해 라이브러리를 설치하세요.

$ pod install PopupDialog

2. QR 코드 스캐너 팝업창 생성하기

2.1. 팝업창 뷰 컨트롤러 생성

QR 코드 스캐너 팝업창을 생성하기 위해 먼저 팝업창에 표시될 뷰 컨트롤러를 생성해야 합니다. 다음의 코드를 사용하여 빈 뷰 컨트롤러를 생성하세요.

let scannerViewController = UIViewController()

2.2. QR 코드 스캐너 추가하기

다음으로, QR 코드 스캐너를 팝업창에 추가해야 합니다. 이를 위해 팝업창 뷰 컨트롤러에 AVCaptureSession을 사용하여 QR 코드 스캐너를 구현합니다.

let captureSession = AVCaptureSession()
let videoPreviewLayer = AVCaptureVideoPreviewLayer()

guard let captureDevice = AVCaptureDevice.default(for: .video) else {
    // 카메라를 사용할 수 없는 경우 에러 처리
    return
}

do {
    let input = try AVCaptureDeviceInput(device: captureDevice)

    captureSession.addInput(input)
    captureSession.startRunning()

    let captureMetadataOutput = AVCaptureMetadataOutput()

    captureSession.addOutput(captureMetadataOutput)

    captureMetadataOutput.setMetadataObjectsDelegate(self, queue: DispatchQueue.main)
    captureMetadataOutput.metadataObjectTypes = [.qr]

    videoPreviewLayer.session = captureSession
    videoPreviewLayer.videoGravity = .resizeAspectFill
    videoPreviewLayer.frame = scannerViewController.view.layer.bounds

    scannerViewController.view.layer.addSublayer(videoPreviewLayer)
} catch {
    // AVCaptureDeviceInput 에러 처리
}

2.3. PopupDialog 생성과 표시

마지막으로, PopupDialog 객체를 생성하고 QR 코드 스캐너 뷰 컨트롤러를 추가한 뒤, 팝업창을 표시하는 방법입니다.

let popup = PopupDialog(viewController: scannerViewController, buttonAlignment: .vertical, transitionStyle: .bounceDown, gestureDismissal: true)
// 추가적으로 버튼이나 타이틀 등을 설정할 수 있습니다.

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

위의 코드를 사용하면 QR 코드 스캐너가 포함된 팝업창이 화면에 표시됩니다.

3. QR 코드 스캔 결과 처리하기

QR 코드 스캔이 완료되면 해당 결과를 처리해야 합니다. 이를 위해 AVCaptureMetadataOutputObjectsDelegate 프로토콜을 구현해야 합니다.

extension ViewController: AVCaptureMetadataOutputObjectsDelegate {
    func metadataOutput(_ output: AVCaptureMetadataOutput, didOutput metadataObjects: [AVMetadataObject], from connection: AVCaptureConnection) {
        if let metadataObject = metadataObjects.first {
            guard let readableObject = metadataObject as? AVMetadataMachineReadableCodeObject else {
                // QR 코드가 아닌 경우 처리할 내용
                return
            }
            // QR 코드 읽어오는 작업 수행
            let stringValue = readableObject.stringValue
            // 읽어온 결과 처리
        }
    }
}

위의 코드를 사용하여 QR 코드를 스캔하고 결과를 읽어올 수 있습니다.

결론

이제 Swift에서 PopupDialog를 사용하여 QR 코드 스캐너 팝업창을 만들 수 있습니다. 위의 코드를 참고하여 QR 코드 스캔 결과를 처리하는 로직을 추가해보세요. 또한, PopupDialog 라이브러리의 기능을 활용하여 팝업창의 디자인 및 버튼 등을 커스터마이징할 수도 있습니다.