Question

我有一个集合视图，显示动态内容大小的文章的详细视图我在集合视图中有多个项目可以水平滚动。

当水平流布局处于活动状态时，动态单元格无法垂直滚动，内容将隐藏在视图下。

如果我禁用水平流布局，我可以垂直滚动内容。但是，所有其他项目都堆叠在每个单元格的底部。

我基本上在寻找像布局这样的新闻门户，用户可以在其中垂直滚动文章的内容，也可以在文章列表中水平滚动。

我以这种方式设置了我的集合视图。

lazy var blogDetailCollectionView: UICollectionView =
{
    let layout = UICollectionViewFlowLayout()
    layout.scrollDirection = .horizontal
    layout.minimumInteritemSpacing = 0
    //layout.itemSize = UICollectionViewFlowLayoutAutomaticSize
    let blogDetailCollection = UICollectionView(frame: .zero, collectionViewLayout: layout)
    blogDetailCollection.delegate = self
    blogDetailCollection.dataSource = self
    blogDetailCollection.backgroundColor = .white
    blogDetailCollection.isPagingEnabled = true
    blogDetailCollection.translatesAutoresizingMaskIntoConstraints = false
    return blogDetailCollection
}()

集合视图单元格的动态高度需要垂直滚动，我在这里设置了它。

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize
{
    guard let blogDescription = blogContainer?.blogs[indexPath.item].blogDescription else {return CGSize(width: frame.width, height: frame.height)}

    let widthOfTextView = frame.width
    let size = CGSize(width: widthOfTextView, height: 1000)
    let attributes = [NSAttributedStringKey.font: UIFont.systemFont(ofSize: UIFont.labelFontSize)]

    let estimatedFrame = NSString(string: blogDescription).boundingRect(with: size, options: .usesLineFragmentOrigin, attributes: attributes, context: nil)

    let blogImageHeight = frame.width * (2 / 3)

    return CGSize(width: widthOfTextView, height: estimatedFrame.height + blogImageHeight)
}

集合视图有多个项目，需要水平滚动。

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int
{
    return (blogContainer?.blogs.count)!
}

Answer 1

你试过吗。设置collectionView

    let layout:UICollectionViewFlowLayout = UICollectionViewFlowLayout()
    layout.itemSize = CGSize(width: screenWidth/2,height: 200)
    layout.scrollDirection = .horizontal
    layout.minimumInteritemSpacing = 1
    layout.minimumLineSpacing = 1
    collectionView.setCollectionViewLayout(layout, animated: true)

当点按的按钮在viewDidLoad（）上方全局声明布局时，设置水平或垂直滚动的集合视图。

动态UIViewCell垂直单元格滚动与水平UICollectionViewFlowLayout

1 个答案: