【问题标题】:How to change item size based on screen width when using UICollectionViewCompositionalLayout使用 UICollectionViewCompositionalLayout 时如何根据屏幕宽度更改项目大小
【发布时间】:2020-08-16 18:00:27
【问题描述】:

在我使用UICollectionViewCompositionalLayout 的集合视图中,当视图宽度较小时,我希望项目大小为 85x85,否则为 100x100。但这是在创建布局时指定的,那么当屏幕宽度发生变化时如何更改布局大小,例如旋转 iPhone 或更改 iPad 上的拆分视图配置?

collectionView.collectionViewLayout = {
    let size = CGFloat(view.bounds.width < 375 ? 85 : 100)
    let itemSize = NSCollectionLayoutSize(widthDimension: .absolute(size), heightDimension: .absolute(size))
    let item = NSCollectionLayoutItem(layoutSize: itemSize)

    let groupSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(1), heightDimension: .absolute(size))
    let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitems: [item])
            
    let section = NSCollectionLayoutSection(group: group)
    return UICollectionViewCompositionalLayout(section: section)
}()

【问题讨论】:

    标签: ios uicollectionview uicollectionviewcompositionallayout


    【解决方案1】:

    不要调用UICollectionViewCompositionalLayout(section:),这是一种设置节的静态方法,而是使用另一个初始化器init(sectionProvider:),在其中传递一个节提供程序函数 .您的函数现在接收环境作为参数,包括集合视图大小,因此现在您可以根据环境实时做出决定。如果环境发生变化,您会再次被调用,因此,您可以处理应用程序大小的变化(就像在进入分屏模式的 iPad 中一样)。

    【讨论】:

    猜你喜欢
    • 2016-08-28
    • 1970-01-01
    • 2020-11-22
    • 1970-01-01
    • 2013-08-23
    • 1970-01-01
    • 2023-03-11
    • 2017-05-26
    • 2020-09-04
    相关资源
    最近更新 更多