Search code examples
swiftxcodeuinavigationcontrolleruiimagepickercontroller

How to add multiple selectable images to a UIImagePickerControllerDelegate in a single view?


Good evening,

I am trying to create a VC that has three selectable image views. (Meaning the user can click on the box, and it will upload an image from their phone)

I am trying to constrain the images next to each other. I would like there to be the main box, With two smaller ones placed to the right. but when I run the app, it crashes with. "thread 1: Signal SIGABRT"

I will Leave my code below. and I appreciate the help in advanced!

     setupJobImageView()
    setupJobImageView2()
   setupJobImageView3()
}

func setupJobImageView() {
     JobImageView.anchors(top: self.view.topAnchor, topPad: 20, bottom: nil, bottomPad: 0, left: view.leftAnchor, leftPad: 24, right: nil, rightPad: 0, height: 50, width: 0)
}
lazy var JobImageView: UIImageView = {
    let imageView = UIImageView()
    imageView.image = UIImage(named: "picture")
    imageView.translatesAutoresizingMaskIntoConstraints = false
    imageView.contentMode = .scaleAspectFill

    imageView.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(handleSelectJobImageView)))
    imageView.isUserInteractionEnabled = true
    return imageView
}()
func setupJobImageView2() {
     JobImageView2.anchors(top: self.view.topAnchor, topPad: 20, bottom: nil, bottomPad: 0, left: JobImageView.rightAnchor, leftPad: 24, right: nil, rightPad: 0, height: 30, width: 0)

}
lazy var JobImageView2: UIImageView = {
    let imageView2 = UIImageView()
    imageView2.image = UIImage(named: "add")
    imageView2.translatesAutoresizingMaskIntoConstraints = false
    imageView2.contentMode = .scaleAspectFill
    imageView2.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(handleSelectJobImageView2)))
    imageView2.isUserInteractionEnabled = true
    return imageView2
}()
func setupJobImageView3() {
     JobImageView3.anchors(top: JobImageView2.bottomAnchor, topPad: 20, bottom: nil, bottomPad: 0, left: JobImageView.rightAnchor, leftPad: 24, right: nil, rightPad: 0, height: 30, width: 0)
}
lazy var JobImageView3: UIImageView = {
    let imageView3 = UIImageView()
    imageView3.image = UIImage(named: "add")
    imageView3.translatesAutoresizingMaskIntoConstraints = false
    imageView3.contentMode = .scaleAspectFill
    imageView3.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(handleSelectJobImageView3)))
    imageView3.isUserInteractionEnabled = true
    return imageView3
}()



import UIKit

 extension newPostViewController: UIImagePickerControllerDelegate,  UINavigationControllerDelegate {


@objc func handleSelectJobImageView() {
    let picker = UIImagePickerController()

    picker.delegate = self
    picker.allowsEditing = true

    present(picker, animated: true, completion: nil)
}
@objc func handleSelectJobImageView2() {
    let picker2 = UIImagePickerController()

    picker2.delegate = self
    picker2.allowsEditing = true

    present(picker2, animated: true, completion: nil)
}
@objc func handleSelectJobImageView3() {
    let picker3 = UIImagePickerController()

    picker3.delegate = self
    picker3.allowsEditing = true

    present(picker3, animated: true, completion: nil)
}

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

    var selectedImageFromPicker: UIImage?

    if let editedImage = info["UIImagePickerControllerEditedImage"] as? UIImage {
        selectedImageFromPicker = editedImage
    } else if let originalImage = info["UIImagePickerControllerOriginalImage"] as? UIImage {

        selectedImageFromPicker = originalImage
    }

    if let selectedImage = selectedImageFromPicker {
        JobImageView.image = selectedImage
    }
    if let selectedImage = selectedImageFromPicker {
        JobImageView2.image = selectedImage
    }
    if let selectedImage = selectedImageFromPicker {
        JobImageView3.image = selectedImage
    }

    dismiss(animated: true, completion: nil)

}

func imagePickerControllerDidCancel(_ picker: UIImagePickerController) {
    print("canceled picker")
    dismiss(animated: true, completion: nil)
}

}


Solution

  • You may need to add the imageViews to view before setting the constraints , so do this for all of them

    view.addSubview(imageView)
    return imageView