如何消除 UICollectionView 的標題和單元格之間的間隙？

Question

我有一個UICollectionView ，它有一個標題和一個單元格。 我想刪除頁眉和細胞之間的差距。如何做到這一點在swift ？

這是我的看法...

我還向collectionView和標題以及單元格添加了背景顏色..

請看截圖。

Answer 1

使用UICollectionViewFlowLayout的屬性部分 Inset

let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
layout.sectionInset = UIEdgeInsets(top: 0, left: 10, bottom: 10, right: 10)
// Here you can set according your requirement

更多參考： http : //www.brianjcoleman.com/tutorial-collection-view-using-swift/

Answer 2

使用UICollectionViewFlowLayout的屬性sectionInset ：

UICollectionViewFlowLayout *layout=[[UICollectionViewFlowLayout alloc] init];

layout.minimumInteritemSpacing = 0;
layout.minimumLineSpacing = 1;

在斯威夫特：

var layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
layout.minimumInteritemSpacing = 0
layout.minimumLineSpacing = 1

Answer 3

這是我的示例代碼，您必須為間距設置UIEdgeInsets 。

private let collectionViewLayout: UICollectionView = {
    let layout = UICollectionViewFlowLayout()
    layout.scrollDirection = UICollectionView.ScrollDirection.horizontal
    layout.sectionInset = UIEdgeInsets(top: 10, left: 0, bottom: 10, right: 0)
    let collectionView = UICollectionView(frame: .zero, collectionViewLayout: layout)
    collectionView.translatesAutoresizingMaskIntoConstraints = false
    collectionView.showsHorizontalScrollIndicator = false
    collectionView.showsVerticalScrollIndicator = false
    collectionView.register(CustomCell.self, forCellWithReuseIdentifier: "CollectionViewCell")
    collectionView.register(TopExpertCustomCell.self, forCellWithReuseIdentifier: "TopExpertCollectionViewCell")
    collectionView.backgroundColor = UIColor(hex: "#F1F1F1")
    return collectionView
}()

Answer 4

附上故事板屏幕截圖。 根據您的故事板進行設置並檢查。 希望你的問題會得到解決。

Answer 5

我忘記將部分插入設置為零。 它解決了我的問題。 謝謝大家。

Answer 6

試試這個：

   override func viewWillAppear(animated: Bool) {
self.automaticallyAdjustsScrollViewInsets = false;
}

在 UICollectionViewDelegate 上：

 let k_cViewPadding = 8.0

func collectionView(collectionView: UICollectionView,
        layout collectionViewLayout: UICollectionViewLayout,
        sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
            let cellDiffference:CGFloat = CGFloat(k_cViewPadding*4)
            return(CGSizeMake((collectionView.frame.size.width-cellDiffference)/3, (collectionView.frame.size.width-cellDiffference)/3))
    } 

Answer 7

自定義您的 UIEdgeInsetsMake：

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section
{
    return UIEdgeInsetsMake(0,0,0,0);  //{top, left, bottom, right};
}