ScrollView 在 collectionViewCell 中不滚动

Question

我正在创建一个拼贴应用程序。我在 collectionViewCell 中查看的功能完全是这样的：How to make a UIImage Scrollable inside a UIScrollView?

到目前为止我做了什么：

创建了一个自定义collectionViewCell，其中嵌入了一个UIScrollView，并在scrollView 中嵌入了一个imageView。我已经设置了他们的约束。以下是我的 collectionViewCell 代码：

    override init(frame: CGRect) {
        super.init(frame: frame)
        
    
        
//        addSubview(scrollView)
        insertSubview(scrollView, at: 0)
        contentView.isUserInteractionEnabled = true
        scrollView.contentMode = .scaleAspectFill
        scrollView.translatesAutoresizingMaskIntoConstraints = false
        scrollView.addSubview(imageView)
        scrollContentView.translatesAutoresizingMaskIntoConstraints = false
        scrollView.isScrollEnabled = true
        imageView.isUserInteractionEnabled = false
        
        
        scrollView.delegate = self
        scrollView.maximumZoomScale = 5.0
        scrollView.backgroundColor = .red
        scrollViewDidScroll(scrollView)
//        scrollViewWillBeginDragging(scrollView)
       
        
        let constraints = [

//          Scroll View Constraints
         scrollView.topAnchor.constraint(equalTo: contentView.topAnchor,constant: 0.0)             
         scrollView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor,constant: 0.0),
         scrollView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor,constant: 0.0),
         scrollView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor,constant: 0.0),


//          ImageView Constraints
            imageView.topAnchor.constraint(equalTo: self.scrollView.topAnchor),
            imageView.bottomAnchor.constraint(equalTo: self.scrollView.bottomAnchor),
            imageView.trailingAnchor.constraint(equalTo: self.scrollView.trailingAnchor),
            imageView.leadingAnchor.constraint(equalTo: self.scrollView.leadingAnchor)

        ]

        NSLayoutConstraint.activate(constraints)
        
    }

我在这里面临的另一个问题是，如果我使用 insertSubview() 而不是 addSubview，我的 didselectItemAt 的 collectionView 函数可以正常工作，否则如果我使用 addSubView，didselectItemFunction 不会执行。 didSelectItem 的代码：

   func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        
    if selectedImage[indexPath.row] != UIImage(named: "empty-image") {
       
        collectionViewCellClass.scrollView.isUserInteractionEnabled = true
        collectionViewCellClass.scrollViewDidScroll(collectionViewCellClass.scrollView)
        collectionViewCellClass.scrollView.showsHorizontalScrollIndicator = true
        
    }else {
        
    collectionViewCellClass.imageView.isUserInteractionEnabled = false
    self.currentIndex = indexPath.row
    if UIImagePickerController.isSourceTypeAvailable(.photoLibrary){
        imagePicker.delegate = self
        imagePicker.allowsEditing = false
        imagePicker.sourceType = .savedPhotosAlbum
        present(imagePicker, animated: true, completion: nil)
    }
    }
}

CellForItemAt IndexPath 的代码：

     func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        
        
     
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! CollectionViewCell
        
        cell.imageView.image =  selectedImage[indexPath.item]
//      TODO: Round corners of the cell
       
        cell.scrollView.frame = CGRect(x: 0, y: 0, width: cell.frame.size.width, height: cell.frame.size.height)
//        cell.scrollView.contentSize = CGSize(width: cell.imageView.image!.size.width * 2, height: cell.imageView.image!.size.height * 2)
        cell.scrollView.contentSize = cell.imageView.image?.size ?? .zero
        cell.scrollView.contentMode = .center
        cell.scrollView.isScrollEnabled = true
//        cell.scrollContentView.frame = CGRect(x: 0, y: 0, width: cell.frame.size.width, height: cell.frame.size.height)
        cell.imageView.frame = CGRect(x: 0, y: 0, width: cell.imageView.image!.size.width, height: cell.imageView.image!.size.height)

//        cell.imageView.clipsToBounds = true
      
        cell.backgroundColor = .black
        
        return cell
        
    }

我尝试更改 ImageView = cell.frame.size 的大小仍然没有运气，并将 scrollView Frame 的大小也更改为 imageView.image.size 但由于某种原因 scrollView 不滚动。

Answer 1

1. 插入视图与添加子视图

addSubview：在最前面添加视图。 insertSubview：在特定索引处添加视图。

当您使用 addSubView 方法添加滚动视图时，它将阻止其下方视图的所有用户交互。这就是没有触发 didSelect 事件的原因。 看到这个question

1. 要让scrollview 滚动，您需要设置它的contentSize，它应该大于scrollview 的frame。尝试添加尺寸大于 collectionview 单元格的图像。

scrollView.contentSize = imageView.bounds.size

Answer 2

尝试将滚动视图添加到单元格内容视图中：

self.contentView.addSubview(scrollView)

Answer 3

我终于找到了解决方案，以下对我有用：

if selectedImage[indexPath.row] != UIImage(named: "empty-image"){
   cell.contentView.isUserInteractionEnabled = true
}else{
   cell.contentView.isUserInteractionEnabled = false  
}

UIImage(named: "empty-image") 是当用户没有对其图像进行任何选择时出现的图像。我在 cellForItemAt 函数中编写了上面的代码。另外，我必须将 imageView.frame 设置为图像的原始宽度和高度。

cell.imageView.frame = CGRect(x: 0, y: 0, width: cell.imageView.image!.size.width, height: cell.imageView.image!.size.height)

上述解决方案解决了我的问题。希望对某人有所帮助。