How to Cropping Image In Swift - iOS - Mobikul

Hello guys, Today we will learn about how to “Cropping Image In Swift” IOS.

Overview Of Cropping Image :-

In this blog, we are going to implement the functionality of “Cropping Image”.

when we use an image picker we only take selected images we couldn’t crop the image according to our need and we couldn’t rotate our image. To overcome this problem we use the crop image functionality.

For this functionality, we need to download a pod file

pod 'QCropper'

1	pod 'QCropper'

How to install pod file – we need to follow some steps

open your xCode project in terminal
write pod init -> Enter
writre pod install -> Enter
wrtie pod file name like below image

5. write pod install -> Enter

Now open your .xcworkspace project into your Xcode

Now open viewController Class and write some code for upload images from the gallery.

you need to call the “import QCropper” module in the top

 let picker = UIImagePickerController()
        picker.sourceType = .photoLibrary
        picker.allowsEditing = false
        picker.delegate = self
        self.present(picker, animated: true, completion: nil)

let picker = UIImagePickerController()

picker.sourceType = .photoLibrary

picker.allowsEditing = false

picker.delegate = self

self.present(picker, animated: true, completion: nil)

After that, you need to call the image Picker method

 func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey: Any]) {
        if let image = info[UIImagePickerController.InfoKey.originalImage] as? UIImage {
            print(image)
     
    }
}

func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey: Any]) {

if let image = info[UIImagePickerController.InfoKey.originalImage] as? UIImage {

print(image)

}

when the image picker method is called we need to call crop Image Functionality inside the image picker controller method

let cropper = CropperViewController(originalImage: image)

            cropper.delegate = self

            picker.dismiss(animated: true) {
                self.present(cropper, animated: true, completion: nil)
              
            }

let cropper = CropperViewController(originalImage: image)

cropper.delegate = self

picker.dismiss(animated: true) {

self.present(cropper, animated: true, completion: nil)

}

After that, we need to call the delegate function of cropper Image functionality

func cropperDidConfirm(_ cropper: CropperViewController, state: CropperState?) {
    cropper.dismiss(animated: true, completion: nil)

    if let state = state,
        let image = cropper.originalImage.cropped(withCropperState: state) {
        self.cropImageView.image = image
    } else {
        print("Something went wrong")
    }
    self.dismiss(animated: true, completion: nil)
    }

func cropperDidConfirm(_ cropper: CropperViewController, state: CropperState?) {

cropper.dismiss(animated: true, completion: nil)

if let state = state,

let image = cropper.originalImage.cropped(withCropperState: state) {

self.cropImageView.image = image

} else {

print("Something went wrong")

}

self.dismiss(animated: true, completion: nil)

}

Here is the full code of the functionality

import UIKit
import QCropper

class ViewController: UIViewController {

    @IBOutlet weak var uploadImageBtnOutlet: UIButton!
    @IBOutlet weak var cropImageView: UIImageView!
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }

    @IBAction func uploadImagetap(_ sender: Any) {
        let picker = UIImagePickerController()
        picker.sourceType = .photoLibrary
        picker.allowsEditing = false
        picker.delegate = self
        self.present(picker, animated: true, completion: nil)
    }
    
}

extension ViewController: UIImagePickerControllerDelegate, UINavigationControllerDelegate {
    
    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey: Any]) {
        if let image = info[UIImagePickerController.InfoKey.originalImage] as? UIImage {
            print(image)
            
            let cropper = CropperViewController(originalImage: image)

            cropper.delegate = self

            picker.dismiss(animated: true) {
                self.present(cropper, animated: true, completion: nil)
              
            }
          
    }
}
}
extension ViewController: CropperViewControllerDelegate {
func cropperDidConfirm(_ cropper: CropperViewController, state: CropperState?) {
    cropper.dismiss(animated: true, completion: nil)

    if let state = state,
        let image = cropper.originalImage.cropped(withCropperState: state) {
        self.cropImageView.image = image
    } else {
        print("Something went wrong")
    }
    self.dismiss(animated: true, completion: nil)
    }
}

import UIKit

import QCropper

class ViewController: UIViewController {

@IBOutlet weak var uploadImageBtnOutlet: UIButton!

@IBOutlet weak var cropImageView: UIImageView!

override func viewDidLoad() {

super.viewDidLoad()

// Do any additional setup after loading the view.

}

@IBAction func uploadImagetap(_ sender: Any) {

let picker = UIImagePickerController()

picker.sourceType = .photoLibrary

picker.allowsEditing = false

picker.delegate = self

self.present(picker, animated: true, completion: nil)

}

extension ViewController: UIImagePickerControllerDelegate, UINavigationControllerDelegate {

func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey: Any]) {

if let image = info[UIImagePickerController.InfoKey.originalImage] as? UIImage {

print(image)

let cropper = CropperViewController(originalImage: image)

cropper.delegate = self

picker.dismiss(animated: true) {

self.present(cropper, animated: true, completion: nil)

}

extension ViewController: CropperViewControllerDelegate {

func cropperDidConfirm(_ cropper: CropperViewController, state: CropperState?) {

cropper.dismiss(animated: true, completion: nil)

if let state = state,

let image = cropper.originalImage.cropped(withCropperState: state) {

self.cropImageView.image = image

} else {

print("Something went wrong")

}

self.dismiss(animated: true, completion: nil)

}

Now run your code:- Input

Conclusion:-

In this blog, we discussed how to crop the image

I hope this blog will help you to get about Cropping Image In Swift functionality

Thanks for reading!!

crop Image

Khushboo Gupta

23 Jul, 2021
Created by - Khushboo Gupta

. . .

Cropping Image In Swift

Overview Of Cropping Image :-

Conclusion:-

Leave a Comment Cancel Reply

Message Sent!