欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-03-23 09:10:34
...

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. 用户取消选择时,使选择窗口消失

效果

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

代码及注释

//
//  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")
        }
    }
}