Mam zdjęcie, UICollectionViewktóre pokazuje. Utworzyłem widok kolekcji za pomocą UICollectionViewFlowLayout. Działa dobrze, ale chciałbym mieć odstępy na marginesach. Czy można to zrobić za pomocą, UICollectionViewFlowLayoutczy muszę zaimplementować własne UICollectionViewLayout?

Możesz użyć tej collectionView:layout:insetForSectionAtIndex:metody UICollectionViewlub ustawić sectionInsetwłaściwość UICollectionViewFlowLayoutobiektu dołączonego do UICollectionView:

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

lub

UICollectionViewFlowLayout *aFlowLayout = [[UICollectionViewFlowLayout alloc] init];
[aFlowLayout setSectionInset:UIEdgeInsetsMake(top, left, bottom, right)];

Zaktualizowano dla Swift 5

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
       return UIEdgeInsets(top: 25, left: 15, bottom: 0, right: 5)
    }

Konfigurowanie wypustek w Konstruktorze interfejsów, jak pokazano na zrzucie ekranu poniżej

Spowoduje to coś takiego:

Aby dodać odstępy dla całego UICollectionView :

UICollectionViewFlowLayout *flow = (UICollectionViewFlowLayout*) collection.collectionViewLayout;
flow.sectionInset = UIEdgeInsetsMake(topMargin, left, bottom, right);

Aby bawić się odstępami między elementami tego samego wiersza (kolumny, jeśli przewijasz w poziomie) i ich rozmiarami:

flow.itemSize = ...;
flow.minimumInteritemSpacing = ...;

Szybki 4

    let flow = collectionView.collectionViewLayout as! UICollectionViewFlowLayout // If you create collectionView programmatically then just create this flow by UICollectionViewFlowLayout() and init a collectionView by this flow.

    let itemSpacing: CGFloat = 3
    let itemsInOneLine: CGFloat = 3
    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

EDYTUJ XKod 11.4 i szybki 5

let flow = collectionView.collectionViewLayout as! UICollectionViewFlowLayout

nie działa Użyj poniższych prac.

let flow = UICollectionViewFlowLayout()

Aby poprawić nieprawidłowe informacje na tej stronie:

1- minimumInteritemSpacing : minimalny odstęp między elementami w tym samym rzędzie.

Wartość domyślna: 10,0.

(W przypadku siatki przewijanej pionowo ta wartość reprezentuje minimalne odstępy między elementami w tym samym rzędzie.)

2- minimumLineSpacing : minimalny odstęp między wierszami elementów na siatce.

Patrz: http://developer.apple.com/library/ios/#documentation/uikit/reference/UICollectionViewFlowLayout_class/Reference/Reference.html

Nowoczesne szybkie, automatyczne obliczanie układu

Chociaż ten wątek zawiera już kilka przydatnych odpowiedzi, chcę dodać nowoczesną wersję Swift , opartą na odpowiedzi Williama Hu. Poprawia także dwie rzeczy:

• Odstępy między różnymi liniami będą teraz zawsze odpowiadały odstępom między elementami w tej samej linii.
• Ustawiając minimalną szerokość, kod automatycznie oblicza liczbę elementów w rzędzie i stosuje ten styl do układu przepływu.

Oto kod:

// Create flow layout
let flow = UICollectionViewFlowLayout()

// Define layout constants
let itemSpacing: CGFloat = 1
let minimumCellWidth: CGFloat = 120
let collectionViewWidth = collectionView!.bounds.size.width

// Calculate other required constants
let itemsInOneLine = CGFloat(Int((collectionViewWidth - CGFloat(Int(collectionViewWidth / minimumCellWidth) - 1) * itemSpacing) / minimumCellWidth))
let width = collectionViewWidth - itemSpacing * (itemsInOneLine - 1)
let cellWidth = floor(width / itemsInOneLine)
let realItemSpacing = itemSpacing + (width / itemsInOneLine - cellWidth) * itemsInOneLine / max(1, itemsInOneLine - 1))

// Apply values
flow.sectionInset = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
flow.itemSize = CGSize(width: cellWidth, height: cellWidth)
flow.minimumInteritemSpacing = realItemSpacing
flow.minimumLineSpacing = realItemSpacing

// Apply flow layout
collectionView?.setCollectionViewLayout(flow, animated: false)

użyj setMinimumLineSpacing:i setMinimumInteritemSpacing:na UICollectionViewFlowLayout-Object.

Używanie collectionViewFlowLayout.sectionInsetlub collectionView:layout:insetForSectionAtIndex:są poprawne.

Jeśli jednak twoja kolekcjaView ma wiele sekcji i chcesz dodać margines do całej kolekcjiView, polecam użyć scrollView contentInset:

UIEdgeInsets collectionViewInsets = UIEdgeInsetsMake(50.0, 0.0, 30.0, 0.0);
self.collectionView.contentInset = collectionViewInsets;
self.collectionView.scrollIndicatorInsets = UIEdgeInsetsMake(collectionViewInsets.top, 0, collectionViewInsets.bottom, 0);

Aby wstawić spację, CollectionItemużyj tego

napisz dwie linie w polu viewdidload

UICollectionViewFlowLayout *collectionViewLayout = (UICollectionViewFlowLayout*)self.collectionView.collectionViewLayout;
collectionViewLayout.sectionInset = UIEdgeInsetsMake(<CGFloat top>, <CGFloat left>, <CGFloat bottom>, <CGFloat right>)

Ustaw insetForSectionAtwłaściwość UICollectionViewFlowLayoutobiektu dołączonego do twojegoUICollectionView

Pamiętaj, aby dodać ten protokół

UICollectionViewDelegateFlowLayout

Szybki

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
        return UIEdgeInsets (top: top, left: left, bottom: bottom, right: right)
    }

Cel C

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

W celu C

CGFloat spacing = 5;
UICollectionViewFlowLayout *flow = (UICollectionViewFlowLayout*)_habbitCollectionV.collectionViewLayout;
flow.sectionInset = UIEdgeInsetsMake(0, spacing, 0, spacing);
CGFloat itemsPerRow = 2;
CGRect screenRect = [[UIScreen mainScreen] bounds];
CGFloat oneMore = itemsPerRow + 1;
CGFloat width = screenRect.size.width - spacing * oneMore;
CGFloat height = width / itemsPerRow;

flow.itemSize = CGSizeMake(floor(height), height);
flow.minimumInteritemSpacing = spacing;
flow.minimumLineSpacing = spacing;

Wszystko, co musisz zrobić, to zmienić wartość itemsPerRow i odpowiednio zaktualizuje liczbę elementów w wierszu. Co więcej, możesz zmienić wartość odstępów, jeśli chcesz mniej lub bardziej ogólne odstępy.

Aby dodać marginesy do określonych komórek, możesz użyć tego niestandardowego układu przepływu. https://github.com/voyages-sncf-technologies/VSCollectionViewCellInsetFlowLayout/

extension ViewController : VSCollectionViewDelegateCellInsetFlowLayout 
{
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForItemAt indexPath: IndexPath) -> UIEdgeInsets {
        if indexPath.item == 0 {
            return UIEdgeInsets(top: 0, left: 0, bottom: 10, right: 0)
        }
        return UIEdgeInsets.zero
    }
}

W swift 4 i autoLayout możesz użyć sectionInset w następujący sposób:

let layout = UICollectionViewFlowLayout()
        layout.scrollDirection = .vertical
        layout.itemSize = CGSize(width: (view.frame.width-40)/2, height: (view.frame.width40)/2) // item size
        layout.sectionInset = UIEdgeInsetsMake(10, 10, 10, 10) // here you can add space to 4 side of item
        collectionView = UICollectionView(frame: self.view.bounds, collectionViewLayout: layout) // set layout to item
        collectionView?.register(ProductCategoryCell.self, forCellWithReuseIdentifier: cellIdentifier) // registerCell
        collectionView?.backgroundColor = .white // background color of UICollectionView
        view.addSubview(collectionView!) // add UICollectionView to view

Aby dodać 10px separację między każdą sekcją, po prostu napisz to

flowLayout.sectionInset = UIEdgeInsetsMake(0.0, 0.0,10,0);

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {       
         return UIEdgeInsetsMake(7, 10, 5, 10);    
   }