UICollectionViewFotoğrafları gösteren bir tane var . Koleksiyon görünümünü kullanarak oluşturdum UICollectionViewFlowLayout. İyi çalışıyor ama kenar boşluklarında boşluk olmasını istiyorum. Bunu kullanarak yapmak mümkün mü yoksa UICollectionViewFlowLayoutkendim uygulamak zorunda mıyım UICollectionViewLayout?

collectionView:layout:insetForSectionAtIndex:Yöntemi sizin için kullanabilir UICollectionViewveya nesnenize ekli nesnenin sectionInsetözelliğini ayarlayabilirsiniz :UICollectionViewFlowLayoutUICollectionView

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

veya

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

Swift 5 için güncellendi

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

Arayüz Oluşturucu'da aşağıdaki ekran görüntüsünde gösterildiği gibi ekleri ayarlama

Böyle bir şeyle sonuçlanacaktır:

Üzerine aralığı eklemek için entire UICollectionView :

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

Aynı satırdaki öğeler (yatay olarak kaydırıyorsanız sütun) ve boyutları arasındaki boşlukla oynamak için :

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

Bu sayfadaki bazı yanlış bilgileri düzeltmek için:

1- minimum InterteremSpacing : Aynı satırdaki öğeler arasında kullanılacak minimum boşluk.

Varsayılan değer: 10.0.

(Dikey olarak kaydırılan bir ızgara için bu değer, aynı satırdaki öğeler arasındaki minimum aralığı temsil eder.)

2- minimumLineSpacing : Izgaradaki öğe satırları arasında kullanılacak minimum boşluk.

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

Hızlı 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

XCode 11.4'ü DÜZENLE ve 5'i kaydır

let flow = collectionView.collectionViewLayout as! UICollectionViewFlowLayout

çalışmıyor. Aşağıdaki işleri kullanın.

let flow = UICollectionViewFlowLayout()

Modern Swift, Otomatik Düzen Hesaplaması

Bu konu zaten bir sürü yararlı cevap içeriyor olsa da , William Hu'nın cevabına dayanan modern bir Swift sürümü eklemek istiyorum . Ayrıca iki şeyi geliştirir:

• Farklı satırlar arasındaki boşluk artık aynı satırdaki öğeler arasındaki boşlukla eşleşecektir.
• Minimum genişlik ayarlandığında kod, bir satırdaki öğe sayısını otomatik olarak hesaplar ve bu stili akış düzenine uygular.

İşte 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)

setMinimumLineSpacing:ve -Object setMinimumInteritemSpacing:üzerinde kullanın UICollectionViewFlowLayout.

collectionViewFlowLayout.sectionInsetVeya collectionView:layout:insetForSectionAtIndex:komutunu kullanmak doğrudur.

Ancak, collectionView ürününüzde birden çok bölüm varsa ve tüm collectionView öğesine kenar boşluğu eklemek istiyorsanız, scrollView contentInset öğesini kullanmanızı öneririm:

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);

CollectionItemS arasına boşluk koymak için bunu kullanın

Bu iki Satırı viewdidload'a yaz

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

Set insetForSectionAtözelliği UICollectionViewFlowLayouteklenmiş nesne seninUICollectionView

Bu protokolü eklediğinizden emin olun

UICollectionViewDelegateFlowLayout

hızlı

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

Amaç - C

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

Hedef-C'de

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;

Tek yapmanız gereken itemsPerRow değerini değiştirmek ve satır başına öğe sayısını buna göre güncellemek. Ayrıca, az ya da çok genel boşluk istiyorsanız boşluk değerini değiştirebilirsiniz.

Belirtilen hücrelere kenar boşlukları eklemek için bu özel akış düzenini kullanabilirsiniz. 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
    }
}

Hızlı 4 ve autoLayout'ta, sectionInset öğesini şu şekilde kullanabilirsiniz :

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

Her bölüm arasına 10 piksel ayırma eklemek için şunu yazın

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);    
   }