像 Android GridLayout 中的单元格周围的边距 [英] Margins around cell like in Android GridLayout

问题描述

在 Android 中很容易创建一个带有下一个边距的网格列表:

In Android it's easy to create a grid list with the next margins:

我为 iOS 找到了这个解决方案，但它不会在单元格和父视图之间添加边距，而只会在单元格之间添加

I found this solution for iOS but it doesn't add margins between cell and parent view, only between cells

let itemSpacing: CGFloat = 3
let itemsInOneLine: CGFloat = 2
flow.sectionInset = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
let width = UIScreen.main.bounds.size.width - itemSpacing * CGFloat(itemsInOneLine - 1) //collectionView.frame.width is the same as  UIScreen.main.bounds.size.width here.
flow.itemSize = CGSize(width: floor(width/itemsInOneLine), height: width/itemsInOneLine)
flow.minimumInteritemSpacing = 3
flow.minimumLineSpacing = 3

我该如何解决?

附言我不想硬编码任何东西，所以它应该适用于所有 iPhone/iPad 设备

P.S. I don't want to hardcode anything, so it should work ok for all iPhone/iPad devices

推荐答案

将常量为 5 的前导、尾随和顶部约束添加到您的集合视图中.这将解决您的边距问题

Add leading,trailing and top constraint with constant of 5 to your collection view.This will resolve your margin issue

这篇关于像 Android GridLayout 中的单元格周围的边距的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！