Swift - 从 UIColllectionViewCell 获取 UIImage

Question

我有一个collectionView ，其中每个cell都包含一个UIImage和一个空的UIButton 。 我如何查看用户点击的图片？

class ImageCollectionViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout{

    @IBOutlet weak var imageCollectionView: UICollectionView!

    let images: [UIImage] = [
        UIImage(named: "beerImage")!,
        UIImage(named: "christmasImage")!,
        UIImage(named: "goalImage")!,
        UIImage(named: "travelImage")!,
        UIImage(named: "rollerImage")!,
        UIImage(named: "giftImage")!,
        UIImage(named: "shirtImage")!,
        UIImage(named: "dressImage")!,

    ]

    let columnLayout = FlowLayout(
        itemSize: CGSize(width: 150, height: 150),
        minimumInteritemSpacing: 30,
        minimumLineSpacing: 10,
        sectionInset: UIEdgeInsets(top: 20, left: 20, bottom: 10, right: 20)
    )

    var colViewWidth: CGFloat = 0.0

    override func viewDidLoad() {

        self.imageCollectionView.collectionViewLayout = columnLayout

        super.viewDidLoad()

        imageCollectionView.dataSource = self
        imageCollectionView.delegate = self
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return images.count
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "imageCell", for: indexPath) as! ImageCollectionViewCell

        cell.imageView.image = images[indexPath.item]
        cell.layer.cornerRadius = 2
        return cell
    }

    @IBAction func imageButtonTapped(_ sender: Any) {
        print("tapped")
    }


    @IBAction func closeButtonTapped(_ sender: Any) {
        let storyBoard: UIStoryboard = UIStoryboard(name: "Main", bundle: nil)
        let HomeViewController = storyBoard.instantiateViewController(withIdentifier: "HomeVC") as! ExampleViewController
                self.present(HomeViewController, animated: false, completion: nil)
    }
}

更新

最后，我想将该图像传递给另一个 ViewController。 我尝试过这种方式，但图片没有显示在另一个 ViewController 中：

视图控制器A

var tappedImage = UIImage()
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    tappedImage = images[indexPath.row]
}

var showPopUpView = true

override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
    print(showPopUpView)
    var vc = segue.destination as! ExampleViewController
    vc.pickedImage = self.tappedImage
    vc.ShowPopUpView = self.showPopUpView

}

视图控制器B

    var pickedImage = UIImage()

override func viewDidLoad() {
        super.viewDidLoad()

        imagePreview.image = pickedImage

Answer 1

你可以做这样的事情

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    imageToPass = images[indexPath.row]
}

编辑：至于将该图像传递给您的下一个视图 controller，一种可能的方法是将属性添加到图像的第一个和第二个视图控制器，在您的didSelectItemAt调用中设置该图像，然后使用prepare(for segue: UIStoryboardSegue, sender: Any?)

let imageToPass: UIImage?

override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
   if segue.identifier == "identifier name here" {

       // Get the new view controller using segue.destination.
       if let destVC = segue.destination as? SecondViewController {
           // Pass the selected object to the new view controller.
           destVC.image = imageToPass
       }
   }
}

Answer 2

评论中的对话二重奏：

动作的顺序应该是：

1. 用户单击单元格
2. 根据所选单元格的indexPath获取图像
3. 将其设置为临时变量（ tappedImage ）
4. 执行转场
5. 将临时图像传递给目的地的临时图像（ pickedImage ）
6. 加载目的地的视图
7. 显示图像。

好像你错过了这些步骤之一（可能是第 3 步，因为你没有在 ...didSelectItemAt indexPath 中调用performSegue ...didSelectItemAt indexPath...而且它可能根本没有被调用！尝试在那里打印一些东西并检查它是否是真的）

或者您可能会打乱流程（可能您在目标View加载后设置图像，结果是看不到。）

调试：

尝试在这 7 个状态中打印您可以访问的所有变量（例如tappedImage 、 pickedImage 、 images[indexPath.row]等），看看问题出在哪里以及您在哪里丢失了选定的图像参考

可能的问题

您没有使用...didSelectItemAt indexPath... performSegue执行Segue ，可能您有一个UIButton ，因此该按钮阻止了cell被选中。

Answer 3

尝试这个

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    let image = images[indexPath.row]
    //Result image
}

（或）如果您想通过按钮点击获取图像（不推荐）

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
   let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "imageCell", for: indexPath) as! ImageCollectionViewCell

   cell.imageView.image = images[indexPath.item]
   cell.layer.cornerRadius = 2

   //Replace your button
   cell.yourButton.tag = indexPath.row
   cell.yourButton.addTarget(self, action: #selector(self.imageButtonTapped(_:)), for: .touchUpInside)
}

在按钮动作中

func imageButtonTapped(_ sender: UIButton) {
   let image = images[sender.tag]
   //Result image
}