网页网站的区别,wordpress study,wordpress 手机播放不了视频,广州做网站建设的公司哪家好简介
图片或者视频的选择功能几乎是每个APP必不可少的#xff0c;UIImagePickerController 是 iOS 系统提供的一个方便的媒体选择器#xff0c;允许用户从照片库中选择图片或视频#xff0c;或者使用相机拍摄新照片和视频。
它的页面简单易用#xff0c;代码稳定可靠UIImagePickerController 是 iOS 系统提供的一个方便的媒体选择器允许用户从照片库中选择图片或视频或者使用相机拍摄新照片和视频。
它的页面简单易用代码稳定可靠适合用于单张图片或者视频的选择场景。
配置 UIImagePickerController
1.实现图片选择
UIImagePickerController的配置很简单只有几个属性需要我们来设置设置好属性和代理之后只需要向其它页面一样将其present出来即可简单的配置如下 objc func showImagePickerView() {guard UIImagePickerController.isSourceTypeAvailable(.photoLibrary) else { return }let imagePickerController UIImagePickerController()imagePickerController.delegate selfimagePickerController.sourceType .photoLibraryimagePickerController.mediaTypes [public.image]present(imagePickerController, animated: true, completion: nil)}// Delegate methodsfunc imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {if let selectedImage info[.originalImage] as? UIImage {// 使用选中的图片}dismiss(animated: true, completion: nil)}func imagePickerControllerDidCancel(_ picker: UIImagePickerController) {dismiss(animated: true, completion: nil)}在上面的代码中
1.设置了UIImagePickerController的sourceType类型为photoLibrary意味着着我们将从媒体库中选择资源。
2.而mediaTypes属性设置为[public.image]以为着我们只读取图片资源。
3.接着配置了UIImagePickerController的代理并且让视图控制器遵循代理并实现 func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) 和 func imagePickerControllerDidCancel(_ picker: UIImagePickerController) 两个代理方法在我们选择图片后可以从info中直接读取出我们选择的图片资源。
效果如下 2.实现视频选择
想要选择视频媒体资源我们只需要修改它的mediaTypes属性为[public.movie]代码如下 objc func showImagePickerView() {guard UIImagePickerController.isSourceTypeAvailable(.photoLibrary) else { return }let imagePickerController UIImagePickerController()imagePickerController.delegate selfimagePickerController.sourceType .photoLibraryimagePickerController.mediaTypes [public.movie]present(imagePickerController, animated: true, completion: nil)}// Delegate methodsfunc imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {if let mediaType info[.mediaType] as? String {if mediaType public.image {// 使用选中的图片if let selectedImage info[.originalImage] as? UIImage {// 使用选中的图片}} else if mediaType public.movie {// 使用选中的视频if let videoURL info[.mediaURL] as? URL {// 使用选中的视频}}}dismiss(animated: true, completion: nil)}效果如下 这样列表中就只有视频资源了当然如果想要两个类型都可以选择的话那么就两个字符串都添加进去[public.movie,public.image]毕竟这是一个[String]类型。
3.直接拍摄图片
如果想要修改媒体资源的来源这时候则需要调整sourceType属性设置为.camera。mediaTypes属性仍然为[public.image]代码如下 objc func showImagePickerView() {guard UIImagePickerController.isSourceTypeAvailable(.photoLibrary) else { return }let imagePickerController UIImagePickerController()imagePickerController.delegate selfimagePickerController.sourceType .cameraimagePickerController.mediaTypes [public.image]present(imagePickerController, animated: true, completion: nil)}效果如下 会有一个系统为我们提供的拍照页面并附带一个取消按钮。拍照完成后它的图片也会通过代理方法传递到当前控制器。
4.直接拍摄视频
参考上面的例子直接拍摄的视频我们需要保持sourceType属性仍然为.camera而mediaTypes属性设置为[public.movie]如果两个都可以的话仍然是设置mediaTypes属性为[public.movie,public.image]。 objc func showImagePickerView() {guard UIImagePickerController.isSourceTypeAvailable(.photoLibrary) else { return }let imagePickerController UIImagePickerController()imagePickerController.delegate selfimagePickerController.sourceType .cameraimagePickerController.mediaTypes [public.move]present(imagePickerController, animated: true, completion: nil)}效果如下 5.编辑媒体资源
UIImagePickerController还有一个allowsEditing属性默认为false当设置为true时意味着在我们选择一个媒体资源后会进入一个资源的编辑页面编辑完成之后才会进入代理方法这时候我们除了通过originalImage获取图片之外还可以通过editedImage来获取编辑后的图片。
而视频资源都是通过mediaURL来获取。 objc func showImagePickerView() {guard UIImagePickerController.isSourceTypeAvailable(.photoLibrary) else { return }let imagePickerController UIImagePickerController()imagePickerController.delegate selfimagePickerController.sourceType .photoLibraryimagePickerController.allowsEditing trueimagePickerController.mediaTypes [public.movie, public.image]present(imagePickerController, animated: true, completion: nil)}6.限制最大视频时长
我们可以通过videoMaximumDuration属性来设置视频资源的最大时长在上传视频资源时通常都会有一个长度限制videoMaximumDuration的默认值为10意味着大于10秒的视频不会显示在我们的列表。
7.自定义相机样式
UIImagePickerController也为我们保留了一些可以自定义相机样式的空间。
通过设置showsCameraControls属性为false。隐藏系统为我们提供的相机页面样式。 objc func showImagePickerView() {guard UIImagePickerController.isSourceTypeAvailable(.photoLibrary) else { return }let imagePickerController UIImagePickerController()imagePickerController.delegate selfimagePickerController.sourceType .cameraimagePickerController.allowsEditing trueimagePickerController.mediaTypes [public.movie, public.image]imagePickerController.showsCameraControls falsepresent(imagePickerController, animated: true, completion: nil)}效果如下 看起来有一点奇怪不过当我们把它的控制视图隐藏之后确实就是这样之后我们就需要多个属性配合来自己来实现它的拍照和录像的UI而拍照和录像的方法UIImagePickerController已经提供给我们了
// 拍照
open func takePicture()
// 录像
open func startVideoCapture() - Bool
// 停止录像
open func stopVideoCapture()
// 设置相机模式
open var cameraCaptureMode: UIImagePickerController.CameraCaptureMode
还可以通过cameraViewTransform属性来修改预览画面的位置
通过cameraOverlayView属性来自定义我们的控制视图。
下面我们就来实现一个简单自定义拍照的UI代码如下 objc func showImagePickerView() {let view UIView(frame: CGRect(x: 0, y: self.view.bounds.size.height - 200, width: self.view.bounds.size.width, height: 200.0))let button UIButton()button.setImage(UIImage(named: dynamic_post_photo_camare), for: .normal)button.layer.masksToBounds truebutton.layer.cornerRadius 30.0view.addSubview(button)button.snp.makeConstraints { make inmake.centerX.equalToSuperview()make.width.height.equalTo(60.0)make.top.equalToSuperview().offset(40.0)}button.addTarget(self, action: #selector(takePhoto), for: .touchUpInside)guard UIImagePickerController.isSourceTypeAvailable(.photoLibrary) else { return }let imagePickerController UIImagePickerController()imagePickerController.delegate selfimagePickerController.sourceType .cameraimagePickerController.allowsEditing trueimagePickerController.mediaTypes [public.movie, public.image]imagePickerController.showsCameraControls falseimagePickerController.cameraViewTransform CGAffineTransform(translationX: 0, y: 100.0)imagePickerController.cameraOverlayView viewpresent(imagePickerController, animated: true, completion: nil)self.imagePickerController imagePickerController}objc func takePhoto() {self.imagePickerController?.takePicture()}效果如下 结语
通过这篇博客我们深入探讨了 UIImagePickerController 的各种功能和实现方法。我们了解了如何选择和拍摄图片及视频如何编辑媒体如何限制视频的最大长度以及如何自定义相机样式。这些功能为开发者提供了丰富的工具帮助我们创建出更加直观和用户友好的应用。
UIImagePickerController 是一个强大而灵活的组件能够满足大多数基础的媒体选择和拍摄需求。尽管如此对于更复杂的场景苹果也提供了 PHPickerViewController 和其他更高级的框架供开发者进一步探索和使用。下一篇博客我们来探讨它。
希望通过这篇博客你能够更加熟练地使用 UIImagePickerController并在你的项目中实现更加丰富的媒体处理功能。如果你有任何疑问或需要进一步的帮助欢迎在评论区留言我们共同探讨进步
