iOS 选取用户相册中的图片 UIImagePickerController

[GitHub] iOS Demo : https://github.com/KyleBing/iosDemo
该文中的例子可以从上面这个 github 项目中找到,包含许多其它常用 UI 组件的使用

选取用户相册中图片,或者拍照的方式通过 UIImagePickerController 来实现

内容

从相册中选取一张图片,并按比例显示在当前 ViewController 的中间位置

步骤

VC = ViewController 方便说明,所以简写
  1. 在当前 VC 中 实现 UIImagePickerControllerDelegateUINavigationController 这两个协议
  2. 新建一个 picker: UIImagePickerControllerimageView: UIImageView
  3. 设置这个 picker 的 delegate 是 当前 VC
  4. 设置 imageView 的内容展示属性:比例缩放
  5. 设置选取照片的触发方法,比如在 NavigationBar 中添加一个按钮
  6. 实现 UIImagePickerControllerDelegate 的两个方法

    1. 用户选中一张图片时:获取 info 中的信息并进行相关操作,最后使选择窗口消失
    2. 用户取消选择时,使选择窗口消失

效果

uiImagePicker.JPG

代码及注释

//
//  ImagePickerVC.swift
//  iosDemo
//
//  Created by Kyle on 2020/3/16.
//  Copyright © 2020 KyleBing. All rights reserved.
//

import UIKit

/// 0. 这个 ViewController  需要实现 UIImagePickerControllerDelegate 和 UINavigationControllerDelegate 两个协议
class ImagePickerVC: UIViewController, UIImagePickerControllerDelegate, UINavigationControllerDelegate {
    
    /// 1. 新建 UIImagePickerController 对象
    var imagePicker: UIImagePickerController = UIImagePickerController()
    lazy var imageView = UIImageView(frame: view.frame)
    
    override func viewDidLoad() {
        super.viewDidLoad()
        navigationItem.rightBarButtonItem = UIBarButtonItem(title: "Pick", style: .plain, target: self, action: #selector(pickAnImage))
        /// 2. 设置 picker 的 delegate 和 相关设置
        imagePicker.delegate = self
        imagePicker.sourceType = .photoLibrary
        /// 3. 设置 imageView 的属性
        imageView.contentMode = .scaleAspectFit
        view.addSubview(imageView)
    }
    
    
    @objc func pickAnImage(){
        /// 4. 点击选图片时,展示这个 picker controller
        present(imagePicker, animated: true) {
            print("UIImagePickerController: presented")
        }
    }
    
    // MARK: - Image picker delegate
    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
        /// 5. 用户选中一张图片时触发这个方法,返回关于选中图片的 info
        /// 6. 获取这张图片中的 originImage 属性,就是图片本身
        guard let selectedImage = info[UIImagePickerController.InfoKey.originalImage] as? UIImage else {
            fatalError("error: did not picked a photo")
        }
        /// 7. 根据需要做其它相关操作,这里选中图片以后关闭 picker controller 即可
        picker.dismiss(animated: true) { [unowned self] in
            // add a image view on self.view
            self.imageView.image = selectedImage
        }
    }
    
    func imagePickerControllerDidCancel(_ picker: UIImagePickerController) {
        /// 8. 用户点击取消时
        picker.dismiss(animated: true) {
            print("UIImagePickerController: dismissed")
        }
    }
}

info 内容

__C.UIImagePickerControllerInfoKey(_rawValue: UIImagePickerControllerReferenceURL): assets-library://asset/asset.JPG?id=557741A9-A05A-468E-AFAB-9B759CB66660&ext=JPG
__C.UIImagePickerControllerInfoKey(_rawValue: UIImagePickerControllerOriginalImage): <UIImage:0x283e360a0 anonymous {2048, 1536}>
__C.UIImagePickerControllerInfoKey(_rawValue: UIImagePickerControllerMediaType): public.image
__C.UIImagePickerControllerInfoKey(_rawValue: UIImagePickerControllerImageURL): file:///private/var/mobile/Containers/Data/Application/A5875FF6-3D3C-4147-BF5B-AD850397694D/tmp/CC744A41-B42F-490E-9B5F-5AF06CDD24C4.jpeg]

KyleBing
659 声望18 粉丝

前端,喜欢 Javascript scss,喜欢做一些实用的小工具