从 UICollectionView 打印图像名称到控制台

Question

我正在使用 UICollectionView，其中我有一个带有点击手势识别器的 UIImage 作为我的 CollectionView 的单元格模型。我还有 57 张不同名称的图像，我想根据我点击的图像打印到控制台。

这是我的代码：

    import UIKit

class ViewController: UIViewController {

    let OLLData = OLLCases()


    // MARK: - Outlets

    @IBOutlet weak var collectionView: UICollectionView!

    override func viewDidLoad() {
        super.viewDidLoad()

    // Do any additional setup after loading the view.
}



// MARK: - Navigation
@IBAction func isSelected(_ sender: Any) {
    print("selected \(caseName)")
}

}

//MARK: - Data source

extension ViewController: UICollectionViewDataSource {
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return OLLData.list.count
}

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

    let image = OLLData.list[indexPath.item].image
    let caseName = OLLData.list[indexPath.item].image

    cell.label.text = caseName
    cell.imageView.image = UIImage(named: image)



    return cell
}
}

然后我有另一个 swift 文件 (PhotoCell)，其中我有用于标签和 imageView 的 IBOutlets。

有哪些方法可以做到？

谢谢。

Answer 1

您应该实施 didSelectItemAt 方法，然后像这样获取您选择的单元格：

    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    let cell = collectionView.cellForItem(at: indexPath) as! PhotoCell
    print(cell.imageView)
    print(cell.label)
}

希望对您有所帮助

Answer 2

在 ViewController 中的最后一个扩展名下方添加 UICollectionViewDelegate 的扩展名：

extension ViewController: UICollectionViewDelegate {

    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
       print(OLLData.list[indexPath.item].image)
    }
}

Answer 3

您可以使用 UICollectionViewDelegate 方法来检测点击单元格，但要使用该方法，首先您的 UICollectionView 需要用您的 UIViewController 确认 delegate，例如：

collectionView.delegate = self

在您的 viewDidLoad 方法中。

那么你需要替换

extension ViewController: UICollectionViewDataSource {

和

extension ViewController: UICollectionViewDataSource, UICollectionViewDelegate {

并使用委托方法

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {

}

你可以用

得到选中的图片名称

let caseName = OLLData.list[indexPath.item].image
print(caseName)

和 didSelectItemAt 看起来像：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {

    let caseName = OLLData.list[indexPath.item].image
    print(caseName)
}

编辑：

您的 extension 将如下所示：

extension ViewController: UICollectionViewDataSource, UICollectionViewDelegate {

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

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

        let image = OLLData.list[indexPath.item].image
        let caseName = OLLData.list[indexPath.item].image

        cell.label.text = caseName
        cell.imageView.image = UIImage(named: image)



        return cell
    }

    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {

        let caseName = OLLData.list[indexPath.item].image
        print(caseName)
    }
}

从 UICollectionView 打印图像名称到控制台

Print image name to console from UICollectionView

xcode

swift

swift5