0

我正在尝试在 Eureka 中创建一个显示图像的自定义单元格。当点击图像时，图像以黑色背景全屏显示。

通常你用 view.addSubview(newImageView) 来做，但看起来 Eureka 单元格没有视图类。

这是我到目前为止得到的细胞：

final class ImageViewCell: Cell<ImageView>, CellType {

@IBOutlet weak var viewImage: UIImageView!

//let storage = Storage.storage().reference()

required init(style: UITableViewCellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
}

override func setup() {
    super.setup()
    //cell not selectable
    selectionStyle = .none

    viewImage.contentMode = .scaleAspectFill
    viewImage.clipsToBounds = true

    height = {return 300 }

    //make userImage reconize tapping
    let tapRec = UITapGestureRecognizer(target: self, action: #selector(imageTapHandler(tapGestureRecognizer:)))
    viewImage.addGestureRecognizer(tapRec)
    viewImage.isUserInteractionEnabled = true

}

@objc func imageTapHandler(tapGestureRecognizer: UITapGestureRecognizer) {
    let imageView = tapGestureRecognizer.view as! UIImageView
    let newImageView = UIImageView(image: imageView.image)
    newImageView.frame = UIScreen.main.bounds
    newImageView.backgroundColor = .black
    newImageView.contentMode = .scaleAspectFit
    newImageView.isUserInteractionEnabled = true
    let tap = UITapGestureRecognizer(target: self, action: #selector(dismissFullscreenImage))
    newImageView.addGestureRecognizer(tap)
    view.addSubview(newImageView)


}

@objc func dismissFullscreenImage(_ sender: UITapGestureRecognizer) {

    sender.view?.removeFromSuperview()
}

override func update() {
    super.update()

    // we do not want to show the default UITableViewCell's textLabel
    textLabel?.text = nil

    // get the value from our row
    guard let imageData = row.value else { return }

    // get user image data from value
    let downloadData = imageData.pictureData

    viewImage.image = UIImage(data: downloadData)


}



}

尝试 addSubview 时，我收到“使用未解析的标识符 'view'”。

我试过用contentView代替view，结果是这样的：

视图的屏幕截图

4

2 回答 2

0

感谢Kamran，我想我找到了解决方案。

对于 Eureka 行，您始终可以使用 row.onCellSelection 回调。

在我的情况下，我可以在调用自定义行时这样做：

                            <<< ImageViewCellRow(){ row in
                            row.value = ImageView(pictureData: data!)
                            row.onCellSelection(showMe)
                    }

然后像这样创建一个 showMe 函数：

    func showMe(cell: ImageViewCell, row: (ImageViewCellRow)) {
            print("tapped my ImageViewCell!")
    }

现在您应该能够将全屏图像显示为 Kamran 的代码。

于 2018-06-20T23:58:00.877 回答
0

如果您想在全屏中显示图像，则单元格contentView或viewController包含此单元格的子视图不是将其添加image为的正确位置subview。

一个适当的解决方案是onCellSelection在你的容器中使用（如下所示的）回调，ViewController并呈现一个新ViewController的显示的唯一图像全屏或任何你想要的自定义。

imageCell.onCellSelection({[weak self] (cell, row) in
      let imageVC = DisplayViewController()
      imageVC.image = cell.viewImage.image
      self?.present(imageVC, animated: true, completion: nil)
})

如果您只想在用户点击单元格中的图像时显示全屏，那么您应该获取tapGesture callback容器ViewController并如上所示显示图像。

于 2018-06-10T07:34:06.717 回答