OStack程序员社区-中国程序员成长平台

标题: 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 中交换了 width 和 height，因为该应用程序仅是横向的。这仍然不是最好的解决方案，因为卡片不保持纵横比。那么有没有办法使尺寸适应屏幕保持纵横比？ 感谢您的帮助。

---

Best Answer-推荐答案

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

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

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4