OGeek|极客世界-中国程序员成长平台

标题: swift - 根据屏幕尺寸调整 CollectionView 中项目布局的大小,保持纵横比 [Swift] [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-11 16:55
标题: swift - 根据屏幕尺寸调整 CollectionView 中项目布局的大小,保持纵横比 [Swift]

我正在尝试将 CollectionView 中项目布局的大小调整为保持纵横比的屏幕大小。到目前为止,它只在 iPad 上运行良好,我已经根据 Assets 的尺寸设置了高度和宽度:

private let CardWidth: CGFloat = 362
private let CardHeight: CGFloat = 568

然后在CardLayout类中,继承自UICollectionViewFlowDelegate:

required init?(coder aDecoder: NSCoder) {
   super.init(coder: aDecoder)
    
   scrollDirection = UICollectionViewScrollDirection.Horizontal
   itemSize = CGSizeMake(PageWidth, PageHeight)
   minimumInteritemSpacing = 10
}

问题是元素是卡片,所以 height > width,而我只在横向上为 iPhone 和 iPad 开发,所以我尝试使用UIScreen.mainScreen().bounds 没有成功。我设法为 iPhone 和 iPad 添加了 CollectionViewController:

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize{

retrun CGSizeMake(collectionView.frame.size.width / 2 ,collectionView.frame.size.height/ 2)
}

我在 return 中交换了 widthheight,因为该应用程序仅是横向的。这仍然不是最好的解决方案,因为卡片不保持纵横比。那么有没有办法使尺寸适应屏幕保持纵横比? 感谢您的帮助。



Best Answer-推荐答案


您可以对单元格应用纵横比约束,使它们本身保持纵横比,然后将另一个约束从单元格应用到 View ,以便它们保持与 View 相关的纵横比。然后,您可以应用相等的宽度/高度约束来通过乘数调整单元格的大小。

关于swift - 根据屏幕尺寸调整 CollectionView 中项目布局的大小,保持纵横比 [Swift],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38228229/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (https://ogeek.cn/) Powered by Discuz! X3.4