ScrollView 不会在 collectionViewCell 中滚动

如何解决ScrollView 不会在 collectionViewCell 中滚动

我正在创建一个拼贴应用。我在 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,scrollView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor,//          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,height: cell.frame.size.height)
        cell.imageView.frame = CGRect(x: 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 不滚动。

解决方法

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

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

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

2. 要使滚动视图滚动，您需要设置它的 contentSize 应该大于滚动视图的框架。尝试添加尺寸大于 collectionview 单元格的图像。

scrollView.contentSize = imageView.bounds.size

,

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

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)

上述解决方案解决了我的问题。希望它会帮助某人。