具有自定义视图的相机

Question

我的应用程序使用相机，我想在相机预览上添加叠加层。例如，我想在使用相机时使用相框，还想添加一个用于相机操作的自定义栏。请帮助我做同样的事情。

Answer 1

您可能正在尝试使用 UIImagePickerController。但我知道这个可以解决你的问题。您可以使用 AVCamCaptureManager 和 AVCamRecorder 类轻松完成此操作。 Apple 在其开发人员网站上构建了一个演示程序 这里。它被命名为AVCam。简单来说，它的作用是当您单击打开相机时，它会调用负责打开 iPhone 相机并录制视频或捕获音频的类和方法。它调用与 UIImagePickerController 调用的相同的类。这样你的相机就会打开并开始接受输入。

现在，如果您打开该 AVCam 项目的 xib 文件，您将发现一个小的 UIView 对象。该视图负责显示相机的馈送。您可以根据需要调整该视图的大小，相机的输入将显示在该区域中。您还可以根据您的选择在其周围放置框架图像。

当我想要调整相机输入源的大小并拍摄照片时，它对我有用。我希望它也适合你。

Answer 2

从代码创建一个 UIImagePickerController，调整其属性，在其上添加覆盖层，然后使用控制器控制覆盖层上您想要的任何内容：自定义控件、覆盖图像等...

这给出了类似这样的内容：

self.picker = [[UIImagePickerController alloc] init];
self.picker.sourceType = UIImagePickerControllerSourceTypeCamera;
self.picker.cameraCaptureMode = UIImagePickerControllerCameraCaptureModePhoto;
self.picker.cameraDevice = UIImagePickerControllerCameraDeviceRear;
self.picker.showsCameraControls = NO;
self.picker.navigationBarHidden = YES;
self.picker.toolbarHidden = YES;
self.picker.wantsFullScreenLayout = YES;

// Insert the overlay
self.overlay = [[OverlayViewController alloc] initWithNibName:@"Overlay" bundle:nil];
self.overlay.pickerReference = self.picker;
self.picker.cameraOverlayView = self.overlay.view;
self.picker.delegate = self.overlay;

[self presentModalViewController:self.picker animated:NO];

OverlayViewController< /code> 是您必须编写的控制器，用于控制添加到覆盖层上的所有内容。

pickerReference 是您可以保留以向相机发送订单的属性。例如，您可以从来自放置在覆盖层上的 UIButton 的 IBAction 调用以下内容：

[self.pickerReference takePicture];

Answer 3

阅读 UIImagePickerController 类参考，文档中就是这样……

有一些属性，特别是 cameraOverlayView 和 showsCameraControls 属性。

因此，您可以隐藏控件，提供自定义覆盖视图，并向此自定义视图添加子视图以添加自定义按钮、框架等。

Answer 4

Oliver 的 Swift 3 版本答案：

self.picker = UIImagePickerController()
self.picker.sourceType = .camera
self.picker.cameraCaptureMode = .photo
self.picker.cameraDevice = .rear
self.picker.showsCameraControls = false
self.picker.isNavigationBarHidden = true
self.picker.isToolbarHidden = true

// Insert the overlay
self.overlayViewController = self.storyboard?.instantiateViewController(withIdentifier: "Overlay") as! OverlayViewController

self.picker.cameraOverlayView = self.overlayViewController.view
self.picker.delegate = self.overlayViewController
self.navigationController?.present(self.picker, animated: true, completion: nil)

OverlayViewController 协议：

class OverlayViewController: UIViewController, UIImagePickerControllerDelegate, UINavigationControllerDelegate