ScrollView 不在 collectionViewCell 中滚动

Question

我正在创建一个拼贴应用程序。我在 collectionViewCell 中查看的功能完全是这样的：

到目前为止我做了什么：

创建了一个自定义的 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

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

self.contentView.addSubview(scrollView)

Answer 2

插入视图与添加子视图

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

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

要使滚动视图滚动，您需要设置其内容大小，该大小应大于滚动视图的框架。尝试添加尺寸大于 collectionview 单元格的图像。

scrollView.contentSize = imageView.bounds.size

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)

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

ScrollView 不在 collectionViewCell 中滚动

ScrollView Doesn't Scroll in collectionViewCell

uiscrollview

uiimageview

ios

uicollectionview

swift