Блог

На моей раскадровке у меня есть контроллер представления, с которым связан следующий класс:

 import AVFoundation
import UIKit

class ScannerViewController: UIViewController, AVCaptureMetadataOutputObjectsDelegate {
    var captureSession: AVCaptureSession!
    var previewLayer: AVCaptureVideoPreviewLayer!

    override func viewDidLoad() {
        super.viewDidLoad()

        view.backgroundColor = UIColor.black
        captureSession = AVCaptureSession()

        let videoCaptureDevice = AVCaptureDevice.defaultDevice(withMediaType: AVMediaTypeVideo)
        let videoInput: AVCaptureDeviceInput

        do {
            videoInput = try AVCaptureDeviceInput(device: videoCaptureDevice)
        } catch {
            return
        }

        if (captureSession.canAddInput(videoInput)) {
            captureSession.addInput(videoInput)
        } else {
            failed();
            return;
        }

        let metadataOutput = AVCaptureMetadataOutput()

        if (captureSession.canAddOutput(metadataOutput)) {
            captureSession.addOutput(metadataOutput)

            metadataOutput.setMetadataObjectsDelegate(self, queue: DispatchQueue.main)
            metadataOutput.metadataObjectTypes = [AVMetadataObjectTypeEAN8Code, AVMetadataObjectTypeEAN13Code, AVMetadataObjectTypePDF417Code, AVMetadataObjectTypeCode39Code]
        } else {
            failed()
            return
        }

        previewLayer = AVCaptureVideoPreviewLayer(session: captureSession);
        previewLayer.frame = view.layer.bounds;
        previewLayer.videoGravity = AVLayerVideoGravityResizeAspectFill;
        view.layer.addSublayer(previewLayer);

        captureSession.startRunning();
    }

    func failed() {
        let ac = UIAlertController(title: "Scanning not supported", message: "Your device does not support scanning a code from an item. Please use a device with a camera.", preferredStyle: .alert)
        ac.addAction(UIAlertAction(title: "OK", style: .default))
        present(ac, animated: true)
        captureSession = nil
    }

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)

        if (captureSession?.isRunning == false) {
            captureSession.startRunning();
        }
    }

    override func viewWillDisappear(_ animated: Bool) {
        super.viewWillDisappear(animated)

        if (captureSession?.isRunning == true) {
            captureSession.stopRunning();
        }
    }

    func captureOutput(_ captureOutput: AVCaptureOutput!, didOutputMetadataObjects metadataObjects: [Any]!, from connection: AVCaptureConnection!) {
        captureSession.stopRunning()

        let initialView: PLLogViewController = presentingViewController as! PLLogViewController

        if let metadataObject = metadataObjects.first {
            let readableObject = metadataObject as! AVMetadataMachineReadableCodeObject;

            AudioServicesPlaySystemSound(SystemSoundID(kSystemSoundID_Vibrate))
            found(code: readableObject.stringValue);
            initialView.setResults(code: readableObject.stringValue)
        }

        dismiss(animated: true)
    }

    func found(code: String) {
        print(code)
    }

    override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
        return .portrait
    }
}
  

Этот код в основном запускает вид с камеры, который действует как сканер штрих-кода. Если вы наведете устройство на штрих-код, оно обнаружит штрих-код и отправит результаты в текстовое поле.

Все это отлично работает. Мой вопрос — я хотел бы, чтобы на экране отображались некоторые другие элементы. Прямо сейчас камера захватывает весь мой экран, и поэтому, если вы получите доступ к этому виду, вам придется либо сканировать штрих-код, либо закрыть приложение.

Я попытался добавить другие элементы в представление, просто перетащив их из библиотеки объектов, однако камера, похоже, накладывает эти элементы, делая их недоступными.

Есть два элемента, которые я хотел бы добавить поверх вида камеры. Первое — это изображение, которое выглядит как «скобка», чтобы дать некоторое представление о том, куда пользователь должен «поместить» сканируемый штрих-код.

Вторая кнопка позволяет пользователю отказаться от просмотра с камеры.

Итак, в конечном счете, мой вопрос прост: как я могу добавить элементы поверх вида камеры, который инициализируется программно?

добавьте вид в свой контроллер просмотра, если вы хотите, чтобы отображался предварительный просмотр видео, затем просто добавьте слой предварительного просмотра к этому слою вместо всего вида.

Вот так:

// Инициализируйте слой предварительного просмотра видео и добавьте его в качестве подслоя к вашему слою просмотра.

     previewLayer = AVCaptureVideoPreviewLayer(session: captureSession)
    previewLayer?.videoGravity = AVLayerVideoGravityResizeAspectFill
    previewLayer?.frame = /*your views name here i e qrView*/.layer.bounds
    /*your views name here i e qrView*/.layer.addSublayer(videoPreviewLayer!)
  

// вместо

     previewLayer = AVCaptureVideoPreviewLayer(session: captureSession);
    previewLayer.frame = view.layer.bounds;
    previewLayer.videoGravity = AVLayerVideoGravityResizeAspectFill;
    view.layer.addSublayer(previewLayer);