XZ_iOS 之代码创建的collectionView，在storyboard中调用出现的布局问题

最新推荐文章于 2021-10-18 11:58:19 发布

原创最新推荐文章于 2021-10-18 11:58:19 发布 · 454 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#collection的布局问题

iOS 同时被 2 个专栏收录

165 篇文章

订阅专栏

Swift

41 篇文章

订阅专栏

博客主要讲述代码创建的collectionView在storyboard中调用时，item大小显示不正确的问题。设置平分屏幕宽度但显示宽度不对，打印计算宽度无误，给出解决方法，即把storyBoard中collectionView和collectionView FlowLayout右侧Estimate Size部分都设为None。

代码创建的collectionView，在storyboard中调用，item的大小不正确的问题解决：

设置的是平分屏幕的宽度，结果显示出来的是下图，打印出来的宽度计算的没问题，只是显示出来的宽度不对，正确的显示如下图：

实际显示出来的是下图：

方法一：

extension XZButtonCollectionView: UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

        guard let collectionViewLayout = collectionViewLayout as? UICollectionViewFlowLayout else { return CGSize.zero }
        collectionViewLayout.estimatedItemSize = CGSize.zero
        let width = CGFloat(floor(((collectionView.frame.width - CGFloat(column - 1) * collectionViewLayout.minimumLineSpacing) / CGFloat(column))))
        return .init(width: width, height: rowHeight)
    }
}

最主要的是这句：collectionViewLayout.estimatedItemSize = CGSize.zero

方法二：把storyBoard中的collectionView和collectionView FlowLayout右侧Estimate Size部分都设置为None