如何在相机视图控制器中实现按钮触发的前后摄像头切换

Hey there! Let's walk through how to replace that swipe gesture with a button tap to toggle front/back cameras in your Instagram-style camera view, plus break down exactly how the camera switching logic works under the hood.

1. Add the Camera Toggle Button #

First, you'll need to add a button to your camera view controller (probably in a corner, just like Instagram does). Here's how to set it up programmatically:

// Inside your CameraViewController's viewDidLoad() or viewWillAppear()
let toggleButton = UIButton(type: .system)
toggleButton.setImage(UIImage(systemName: "camera.rotate"), for: .normal)
toggleButton.tintColor = .white
toggleButton.addTarget(self, action: #selector(toggleCamera), for: .touchUpInside)

// Position the button (adjust frames or use AutoLayout based on your layout)
toggleButton.frame = CGRect(x: view.frame.width - 60, y: view.frame.height - 120, width: 40, height: 40)
view.addSubview(toggleButton)

If you prefer using Interface Builder, just drag a UIButton onto your storyboard, set its image/style, and connect its touchUpInside event to a new toggleCamera method in your view controller.

2. The Core Camera Switching Logic #

The key to toggling cameras is updating your AVCaptureSession to use the opposite camera input. Here's a step-by-step breakdown of the logic, plus full implementation code:

Step-by-Step Logic Breakdown: #

• Check current active camera: First, we need to identify which camera is currently feeding the capture session.
• Find the target camera: If we're using the back camera, we switch to the front one, and vice versa.
• Update the capture session: We pause the session, remove the old camera input, add the new one, then restart the session (all on a dedicated serial queue to avoid UI freezes).
• Handle errors: Ensure the target camera exists (some devices only have one camera) and catch any configuration failures.

Full Implementation Code: #

First, make sure you have these core properties in your CameraViewController:

import AVFoundation

class CameraViewController: UIViewController {
    private let captureSession = AVCaptureSession()
    private var currentCameraInput: AVCaptureDeviceInput?
    private let sessionQueue = DispatchQueue(label: "com.yourapp.cameraSessionQueue") // Dedicated queue for session operations
    // ... other properties like your preview layer ...
}

Then implement the toggleCamera method:

@objc private func toggleCamera() {
    sessionQueue.async { [weak self] in
        guard let self = self else { return }
        
        // 1. Get the current camera's position
        let currentPosition = self.currentCameraInput?.device.position
        
        // 2. Determine the target camera position
        let targetPosition: AVCaptureDevice.Position = currentPosition == .back ? .front : .back
        
        // 3. Locate the target camera device
        guard let targetCamera = self.getCamera(with: targetPosition) else {
            print("Target camera not available on this device")
            return
        }
        
        // 4. Create a new capture input for the target camera
        do {
            let newCameraInput = try AVCaptureDeviceInput(device: targetCamera)
            
            // 5. Update the capture session safely
            self.captureSession.beginConfiguration()
            
            // Remove the old camera input
            if let oldInput = self.currentCameraInput {
                self.captureSession.removeInput(oldInput)
            }
            
            // Add the new input if the session supports it
            if self.captureSession.canAddInput(newCameraInput) {
                self.captureSession.addInput(newCameraInput)
                self.currentCameraInput = newCameraInput
            } else {
                // Fall back to the old input if the new one can't be added
                self.captureSession.addInput(self.currentCameraInput!)
            }
            
            self.captureSession.commitConfiguration()
        } catch {
            print("Failed to create camera input: \(error.localizedDescription)")
        }
    }
}

// Helper method to fetch a camera by its position
private func getCamera(with position: AVCaptureDevice.Position) -> AVCaptureDevice? {
    let discoverySession = AVCaptureDevice.DiscoverySession(deviceTypes: [.builtInWideAngleCamera], mediaType: .video, position: .unspecified)
    return discoverySession.devices.first { $0.position == position }
}

Important Notes: #

• Session Queue: Always perform capture session updates on a dedicated serial queue (not the main queue) to avoid UI lag and ensure thread safety.
• Camera Permissions: Make sure you've already requested and received camera access from the user (via AVCaptureDevice.requestAccess(for: .video)).
• Preview Layer: If you're using an AVCapturePreviewLayer, it will automatically update when the session's input changes—no extra setup needed here!

That's it! Now when users tap your toggle button, the camera will switch seamlessly between front and back, just like Instagram's camera.

内容的提问来源于stack exchange，提问作者Agung