ฉันจะตั้งค่าระยะห่างของเซลล์ในส่วนของได้UICollectionViewอย่างไร ฉันรู้ว่ามีสถานที่ให้บริการminimumInteritemSpacingฉันได้ตั้งไว้ที่ 5.0 ยังคงเป็นระยะห่างไม่ปรากฏ 5.0 ฉันใช้วิธีการมอบหมาย flowout

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section
{

    return 5.0;
}

ยังฉันไม่ได้รับผลลัพธ์ที่ต้องการ ฉันคิดว่ามันเป็นระยะห่างขั้นต่ำ ไม่มีวิธีใดที่ฉันสามารถกำหนดระยะห่างสูงสุดได้หรือไม่

ฉันรู้ว่าหัวข้อเก่า แต่ในกรณีที่ทุกคนยังต้องการคำตอบที่ถูกต้องสิ่งที่คุณต้องการ:

1. แทนที่โครงร่างโฟลว์มาตรฐาน

2. เพิ่มการใช้งานเช่นนั้น:

   - (NSArray *) layoutAttributesForElementsInRect:(CGRect)rect {
       NSArray *answer = [super layoutAttributesForElementsInRect:rect];
   
       for(int i = 1; i < [answer count]; ++i) {
           UICollectionViewLayoutAttributes *currentLayoutAttributes = answer[i];
           UICollectionViewLayoutAttributes *prevLayoutAttributes = answer[i - 1];
           NSInteger maximumSpacing = 4;
           NSInteger origin = CGRectGetMaxX(prevLayoutAttributes.frame);
   
           if(origin + maximumSpacing + currentLayoutAttributes.frame.size.width < self.collectionViewContentSize.width) {
               CGRect frame = currentLayoutAttributes.frame;
               frame.origin.x = origin + maximumSpacing;
               currentLayoutAttributes.frame = frame;
           }
       }
       return answer;
   }

โดยที่ maximumSpacing สามารถตั้งค่าเป็นค่าใดก็ได้ที่คุณต้องการ เคล็ดลับนี้รับประกันได้ว่าช่องว่างระหว่างเซลล์จะเท่ากับ EXTRACTIVE สูงสุด!

สนับสนุนคำถามเริ่มต้น ฉันพยายามที่จะเพิ่มระยะห่างเป็น 5px UICollectionViewแต่มันใช้งานไม่ได้เช่นกันกับUIEdgeInsetsMake(0,0,0,0)...

ใน UITableView ฉันสามารถทำได้โดยระบุพิกัด x, y ในหนึ่งแถว ...

นี่คือรหัส UICollectionView ของฉัน:

#pragma mark collection view cell layout / size
- (CGSize)collectionView:(UICollectionView*)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    return [self getCellSize:indexPath];  // will be w120xh100 or w190x100
    // if the width is higher, only one image will be shown in a line
}

#pragma mark collection view cell paddings
- (UIEdgeInsets)collectionView:(UICollectionView*)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
    return UIEdgeInsetsMake(0, 0, 0, 0); // top, left, bottom, right
}

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {

    return 5.0;
}

อัปเดต: แก้ไขปัญหาของฉันด้วยรหัสต่อไปนี้

ViewController.m

#import "ViewController.h"
#import "MagazineCell.h" // created just the default class. 

static NSString * const cellID = @"cellID";

@interface ViewController ()

@end

@implementation ViewController

#pragma mark - Collection view
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
    return 1;
}
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return 30;
}

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    MagazineCell *mCell = (MagazineCell *)[collectionView dequeueReusableCellWithReuseIdentifier:cellID forIndexPath:indexPath];

    mCell.backgroundColor = [UIColor lightGrayColor];

    return mCell;
}

#pragma mark Collection view layout things
// Layout: Set cell size
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {

    NSLog(@"SETTING SIZE FOR ITEM AT INDEX %d", indexPath.row);
    CGSize mElementSize = CGSizeMake(104, 104);
    return mElementSize;
}
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {
    return 2.0;
}

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section {
    return 2.0;
}

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

@end

เมื่อใช้เลย์เอาต์การไหลในแนวนอนฉันก็ได้รับระยะห่าง 10 จุดระหว่างเซลล์ด้วย ในการลบระยะห่างฉันจำเป็นต้องตั้งค่าminimumLineSpacingเช่นเดียวminimumInterItemSpacingกับศูนย์

UICollectionViewFlowLayout *flow = [[UICollectionViewFlowLayout alloc] init];
flow.itemSize = CGSizeMake(cellWidth, cellHeight);
flow.scrollDirection = UICollectionViewScrollDirectionHorizontal;
flow.minimumInteritemSpacing = 0;
flow.minimumLineSpacing = 0;

นอกจากนี้หากเซลล์ทั้งหมดของคุณมีขนาดเท่ากันก็จะง่ายขึ้นและมีประสิทธิภาพมากขึ้นในการตั้งค่าคุณสมบัติในแผนผังการไหลโดยตรงแทนที่จะใช้วิธีการมอบสิทธิ์

โปรดจำไว้ว่ามันคือพื้นที่บรรทัดต่ำสุดไม่ใช่ระยะห่างระหว่างรายการขั้นต่ำหรือพื้นที่ของเซลล์ เนื่องจากทิศทางการเลื่อนของคอลเล็กชันของคุณคือHORIZONTALแนวนอน

หากเป็นแนวตั้งคุณจำเป็นต้องตั้งค่าช่องว่างของเซลล์หรือช่องว่างระหว่างรายการสำหรับช่องว่างแนวนอนระหว่างเซลล์และช่องว่างระหว่างบรรทัดสำหรับช่องว่างแนวตั้งระหว่างเซลล์

รุ่น Objective-C

- (CGFloat)collectionView:(UICollectionView *)collectionView
                       layout:(UICollectionViewLayout*)collectionViewLayout
    minimumLineSpacingForSectionAtIndex:(NSInteger)section
    {
        return 20;
    }

รุ่น Swift:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return 20
}

ลองใช้รหัสนี้เพื่อให้แน่ใจว่าคุณมีระยะห่าง 5px ระหว่างแต่ละรายการ:

- (UIEdgeInsets)collectionView:(UICollectionView *) collectionView 
                        layout:(UICollectionViewLayout *) collectionViewLayout 
        insetForSectionAtIndex:(NSInteger) section {

    return UIEdgeInsetsMake(0, 0, 0, 5); // top, left, bottom, right
}

- (CGFloat)collectionView:(UICollectionView *) collectionView
                   layout:(UICollectionViewLayout *) collectionViewLayout
  minimumInteritemSpacingForSectionAtIndex:(NSInteger) section {    
    return 5.0;
}

สวิฟท์รุ่นของคำตอบที่ได้รับความนิยมมากที่สุด cellSpacingช่องว่างระหว่างเซลล์จะเท่ากับ

class CustomViewFlowLayout : UICollectionViewFlowLayout {

    let cellSpacing:CGFloat = 4

    override func layoutAttributesForElementsInRect(rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        if let attributes = super.layoutAttributesForElementsInRect(rect) {
        for (index, attribute) in attributes.enumerate() {
                if index == 0 { continue }
                let prevLayoutAttributes = attributes[index - 1]
                let origin = CGRectGetMaxX(prevLayoutAttributes.frame)
                if(origin + cellSpacing + attribute.frame.size.width < self.collectionViewContentSize().width) {
                    attribute.frame.origin.x = origin + cellSpacing
                }
            }
            return attributes
        }
        return nil
    }
}

ฉันพบวิธีที่ง่ายมากในการกำหนดค่าระยะห่างระหว่างเซลล์หรือแถวโดยใช้ IB

เพียงแค่เลือก UICollectionView จากสตอรีบอร์ด / ไฟล์ Xib และคลิกในตัวตรวจสอบขนาดตามที่ระบุในภาพด้านล่าง

สำหรับการกำหนดค่าพื้นที่ใช้คุณสมบัติต่อไปนี้โดยทางโปรแกรม

1) สำหรับการตั้งช่องว่างระหว่างแถว

[self.collectionView setMinimumLineSpacing:5];

2) สำหรับการตั้งค่าช่องว่างระหว่างรายการ / เซลล์

[self.collectionView setMinimumInteritemSpacing:5];

โปรดทราบชื่อคุณสมบัติminimumInterItemSpacing นี่จะเป็นระยะห่างต่ำสุดระหว่างรายการที่ไม่ใช่ระยะห่างที่แน่นอน ถ้าคุณตั้งค่าน้อยที่สุดInterItemSpacingให้เป็นค่าบางอย่างคุณสามารถมั่นใจได้ว่าระยะห่างจะไม่เป็นค่าที่น้อย แต่มีโอกาสได้รับมูลค่าที่สูงกว่า

จริงๆแล้วระยะห่างระหว่างรายการขึ้นอยู่กับปัจจัยหลายประการitemSizeและsectionInset มุมมองคอลเล็กชันวางเนื้อหาตามค่าเหล่านี้แบบไดนามิก ดังนั้นคุณไม่สามารถรับรองระยะห่างที่แน่นอนได้ คุณควรจะทดลองและข้อผิดพลาดกับsectionInsetและminimumInterItemSpacing

คำตอบสำหรับ Swift 3.0, Xcode 8

1. ตรวจสอบให้แน่ใจว่าคุณตั้งผู้แทนมุมมองการรวบรวม

class DashboardViewController: UIViewController {
    @IBOutlet weak var dashboardCollectionView: UICollectionView!

    override func viewDidLoad() {
        super.viewDidLoad()
        dashboardCollectionView.delegate = self
    }
}

2. ฉันใช้UICollectionViewDelegateFlowLayoutโปรโตคอลไม่ใช่ UICollectionViewDelegate

extension DashboardViewController: UICollectionViewDelegateFlowLayout {
    fileprivate var sectionInsets: UIEdgeInsets {
        return .zero
    }

    fileprivate var itemsPerRow: CGFloat {
        return 2
    }

    fileprivate var interitemSpace: CGFloat {
        return 5.0
    }

    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        sizeForItemAt indexPath: IndexPath) -> CGSize {
        let sectionPadding = sectionInsets.left * (itemsPerRow + 1)
        let interitemPadding = max(0.0, itemsPerRow - 1) * interitemSpace
        let availableWidth = collectionView.bounds.width - sectionPadding - interitemPadding
        let widthPerItem = availableWidth / itemsPerRow

        return CGSize(width: widthPerItem, height: widthPerItem)
    }

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

    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 0.0
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
        return interitemSpace
    }
}

รหัสง่าย ๆ สำหรับการเว้นวรรค

let layout = collectionView.collectionViewLayout as! UICollectionViewFlowLayout
layout.minimumInteritemSpacing = 10 // Some float value

การโหวตคำตอบ (และยังมีรุ่นสวิฟท์ ) มีปัญหาเล็ก ๆ : จะมีระยะห่างขนาดใหญ่อยู่ทางด้านขวา

นี่เป็นเพราะรูปแบบการไหลได้รับการปรับแต่งเพื่อให้ระยะห่างระหว่างเซลล์ตรงตามลักษณะการทำงานแบบลอยซ้าย

โซลูชันของฉันคือจัดการส่วนของส่วนแทรกเพื่อให้ส่วนนั้นอยู่ตรงกลาง แต่ระยะห่างจะเป็นไปตามที่ระบุ

ในสกรีนช็อตด้านล่างระยะห่างรายการ / บรรทัดเท่ากับ 8 พอยต์ในขณะที่ส่วนซ้ายและขวาแทรกจะใหญ่กว่า 8 พอยต์ (เพื่อจัดแนวกึ่งกลาง):

รหัส Swift เช่นนี้:

private let minItemSpacing: CGFloat = 8
private let itemWidth: CGFloat      = 100
private let headerHeight: CGFloat   = 32

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    // Create our custom flow layout that evenly space out the items, and have them in the center
    let layout = UICollectionViewFlowLayout()
    layout.itemSize = CGSize(width: itemWidth, height: itemWidth)
    layout.minimumInteritemSpacing = minItemSpacing
    layout.minimumLineSpacing = minItemSpacing
    layout.headerReferenceSize = CGSize(width: 0, height: headerHeight)

    // Find n, where n is the number of item that can fit into the collection view
    var n: CGFloat = 1
    let containerWidth = collectionView.bounds.width
    while true {
        let nextN = n + 1
        let totalWidth = (nextN*itemWidth) + (nextN-1)*minItemSpacing
        if totalWidth > containerWidth {
            break
        } else {
            n = nextN
        }
    }

    // Calculate the section inset for left and right. 
    // Setting this section inset will manipulate the items such that they will all be aligned horizontally center.
    let inset = max(minItemSpacing, floor( (containerWidth - (n*itemWidth) - (n-1)*minItemSpacing) / 2 ) )
    layout.sectionInset = UIEdgeInsets(top: minItemSpacing, left: inset, bottom: minItemSpacing, right: inset)

    collectionView.collectionViewLayout = layout
}

กำหนดUICollectionViewDelegateFlowLayoutโปรโตคอลในไฟล์ส่วนหัวของคุณ

ใช้วิธีการUICollectionViewDelegateFlowLayoutโปรโตคอลต่อไปนี้:

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

คลิกที่นี่เพื่อดูUIEdgeInsetMakeวิธีการเอกสารของ Apple

แนวทางสตอรีบอร์ด

เลือก CollectionView ในกระดานเรื่องราวของคุณและไปที่ขนาดผู้ตรวจสอบและกำหนดระยะห่างขั้นต่ำสำหรับเซลล์และเส้นเป็น 5

Swift 5 โดยทางโปรแกรม

lazy var collectionView: UICollectionView = {
        let layout = UICollectionViewFlowLayout()
        layout.scrollDirection = .horizontal

        //Provide Width and Height According to your need
        let width = UIScreen.main.bounds.width / 4
        let height = UIScreen.main.bounds.height / 10
        layout.itemSize = CGSize(width: width, height: height)

        //For Adjusting the cells spacing
        layout.minimumInteritemSpacing = 5
        layout.minimumLineSpacing = 5

        return UICollectionView(frame: self.view.frame, collectionViewLayout: layout)
    }()

หากคุณต้องการปรับแต่งระยะห่างโดยไม่ต้องสัมผัสขนาดเซลล์จริงนี่เป็นวิธีแก้ปัญหาที่ดีที่สุดสำหรับฉัน #xcode 9 # tvOS11 # iOS11 #swift

ดังนั้นในUICollectionViewDelegateFlowLayoutให้เปลี่ยนใช้วิธีการต่อไปเคล็ดลับคือคุณต้องใช้ทั้งคู่และเอกสารไม่ได้ชี้ให้ฉันคิดในทิศทางนั้นจริงๆ : D

open func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
    return cellSpacing
}

public func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return cellSpacing
}

ฉันใช้ monotouch ดังนั้นชื่อและรหัสจะแตกต่างกันเล็กน้อย แต่คุณสามารถทำได้โดยตรวจสอบให้แน่ใจว่าความกว้างของ collectionview เท่ากับ (x * ความกว้างของเซลล์) + (x-1) * MinimumSpacing กับ x = จำนวน ของเซลล์ต่อแถว

เพียงทำตามขั้นตอนต่อไปนี้ตาม MinimumInteritemSpacing และความกว้างของเซลล์

1) เราคำนวณจำนวนรายการต่อแถวตามขนาดของเซลล์ + สิ่งที่ใส่เข้าไปในปัจจุบัน + ระยะห่างขั้นต่ำ

float currentTotalWidth = CollectionView.Frame.Width - Layout.SectionInset.Left - Layout.SectionInset.Right (Layout = flowlayout)
int amountOfCellsPerRow = (currentTotalWidth + MinimumSpacing) / (cell width + MinimumSpacing)

2) ตอนนี้คุณมีข้อมูลทั้งหมดในการคำนวณความกว้างที่คาดไว้สำหรับมุมมองการรวบรวม

float totalWidth =(amountOfCellsPerRow * cell width) + (amountOfCellsPerRow-1) * MinimumSpacing

3) ดังนั้นความแตกต่างระหว่างความกว้างปัจจุบันและความกว้างที่คาดหวังคือ

float difference = currentTotalWidth - totalWidth;

4) ตอนนี้ปรับการแทรก (ในตัวอย่างนี้เราเพิ่มไปทางขวาดังนั้นตำแหน่งด้านซ้ายของมุมมองคอลเลกชันยังคงเหมือนเดิม

Layout.SectionInset.Right = Layout.SectionInset.Right + difference;

ฉันมีแนวนอนUICollectionViewและคลาสย่อยUICollectionViewFlowLayoutsubclassed มุมมองคอลเล็กชันมีเซลล์ขนาดใหญ่และแสดงเพียงครั้งละหนึ่งแถวเท่านั้นและมุมมองคอลเลกชันนั้นเหมาะกับความกว้างของหน้าจอ

ฉันลองคำตอบของ iago849 แล้วก็ใช้งานได้ แต่แล้วฉันก็รู้ว่าฉันไม่ต้องการคำตอบของเขา ด้วยเหตุผลบางอย่างการตั้งค่าminimumInterItemSpacingไม่ทำอะไรเลย ระยะห่างระหว่างรายการ / เซลล์ของฉันสามารถควบคุมได้ทั้งหมดminimumLineSpacingเซลล์สามารถควบคุมได้โดยสิ้นเชิง

ไม่แน่ใจว่าทำไมมันทำงานด้วยวิธีนี้ แต่มันทำงาน

ฉันพบปัญหาคล้ายกันกับ OP น่าเสียดายที่คำตอบที่ยอมรับไม่ได้ผลสำหรับฉันเนื่องจากเนื้อหาของcollectionViewจะไม่อยู่กึ่งกลางอย่างถูกต้อง ดังนั้นฉันจึงคิดวิธีแก้ปัญหาที่แตกต่างกันซึ่งต้องการเพียงว่ารายการทั้งหมดในนั้นcollectionViewมีความกว้างเท่ากันซึ่งน่าจะเป็นกรณีของคำถาม:

#define cellSize 90

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
    float width = collectionView.frame.size.width;
    float spacing = [self collectionView:collectionView layout:collectionViewLayout minimumInteritemSpacingForSectionAtIndex:section];
    int numberOfCells = (width + spacing) / (cellSize + spacing);
    int inset = (width + spacing - numberOfCells * (cellSize + spacing) ) / 2;

    return UIEdgeInsetsMake(0, inset, 0, inset);
}

รหัสนั้นจะทำให้มั่นใจได้ว่าค่าที่ส่งคืนโดย...minimumInteritemSpacing...จะเป็นระยะห่างที่แน่นอนระหว่างทุก ๆcollectionViewCellและยิ่งกว่านั้นรับประกันว่าเซลล์ทั้งหมดเข้าด้วยกันจะอยู่ตรงกลางในcollectionView

การแก้ปัญหาข้างต้นโดยvojtech-vrbkaถูกต้อง แต่มันก่อให้เกิดคำเตือน:

คำเตือน: UICollectionViewFlowLayout มีการแคชเฟรมไม่ตรงกันสำหรับพา ธ ดัชนี - ค่าที่แคช: สิ่งนี้อาจเกิดขึ้นเนื่องจากโครงร่างของคลาสย่อยผังการไหลมีการปรับเปลี่ยนแอตทริบิวต์ที่ส่งกลับโดย UICollectionViewFlowLayout โดยไม่คัดลอก

รหัสต่อไปนี้ควรแก้ไข:

class CustomViewFlowLayout : UICollectionViewFlowLayout {

   let cellSpacing:CGFloat = 4

   override func layoutAttributesForElementsInRect(rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
       let original = super.layoutAttributesForElementsInRect(rect)

       if let original = original {
           let attributes = NSArray.init(array: original, copyItems: true) as! [UICollectionViewLayoutAttributes]

           for (index, attribute) in attributes.enumerate() {
                if index == 0 { continue }
                let prevLayoutAttributes = attributes[index - 1]
                let origin = CGRectGetMaxX(prevLayoutAttributes.frame)
                if(origin + cellSpacing + attribute.frame.size.width < self.collectionViewContentSize().width) {
                    attribute.frame.origin.x = origin + cellSpacing
                }
            }
            return attributes
       }
       return nil
   }
}

เวอร์ชั่น Swift 3

เพียงแค่สร้างคลาสย่อย UICollectionViewFlowLayout และวางวิธีนี้

override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        guard let answer = super.layoutAttributesForElements(in: rect) else { return nil }

        for i in 1..<answer.count {
            let currentAttributes = answer[i]
            let previousAttributes = answer[i - 1]

            let maximumSpacing: CGFloat = 8
            let origin = previousAttributes.frame.maxX

            if (origin + maximumSpacing + currentAttributes.frame.size.width < self.collectionViewContentSize.width && currentAttributes.frame.origin.x > previousAttributes.frame.origin.x) {
                var frame = currentAttributes.frame
                frame.origin.x = origin + maximumSpacing
                currentAttributes.frame = frame
            }
        }

        return answer
}

ฉันได้ลองคำตอบของ iago849 แล้วและก็ใช้งานได้

สวิฟต์ 4

open override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
    guard let answer = super.layoutAttributesForElements(in: rect) else {
        return nil
    }
    let count = answer.count
    for i in 1..<count {
        let currentLayoutAttributes = answer[i]
        let prevLayoutAttributes = answer[i-1]
        let origin = prevLayoutAttributes.frame.maxX
        if (origin + CGFloat(spacing) + currentLayoutAttributes.frame.size.width) < self.collectionViewContentSize.width && currentLayoutAttributes.frame.origin.x > prevLayoutAttributes.frame.origin.x {
            var frame = currentLayoutAttributes.frame
            frame.origin.x = origin + CGFloat(spacing)
            currentLayoutAttributes.frame = frame
        }
    }
    return answer
}

นี่คือลิงค์สำหรับโครงการ GitHub https://github.com/vishalwaka/MultiTags

รุ่นก่อนหน้านี้ไม่ได้จริงๆทำงานร่วมกับส่วน> 1. ดังนั้นวิธีการแก้ปัญหาของฉันได้พบได้ที่นี่https://codentrick.com/create-a-tag-flow-layout-with-uicollectionview/ สำหรับคนขี้เกียจ:

override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
    let attributesForElementsInRect = super.layoutAttributesForElements(in: rect)
    var newAttributesForElementsInRect = [UICollectionViewLayoutAttributes]()
    // use a value to keep track of left margin
    var leftMargin: CGFloat = 0.0;
    for attributes in attributesForElementsInRect! {
        let refAttributes = attributes 
        // assign value if next row
        if (refAttributes.frame.origin.x == self.sectionInset.left) {
            leftMargin = self.sectionInset.left
        } else {
            // set x position of attributes to current margin
            var newLeftAlignedFrame = refAttributes.frame
            newLeftAlignedFrame.origin.x = leftMargin
            refAttributes.frame = newLeftAlignedFrame
        }
        // calculate new value for current margin
        leftMargin += refAttributes.frame.size.width + 10
        newAttributesForElementsInRect.append(refAttributes)
    }

    return newAttributesForElementsInRect
}

ฉันมีปัญหากับคำตอบที่ยอมรับดังนั้นฉันจึงอัปเดตนี่ใช้งานได้สำหรับฉัน:

.h

@interface MaxSpacingCollectionViewFlowLayout : UICollectionViewFlowLayout
@property (nonatomic,assign) CGFloat maxCellSpacing;
@end

.m

@implementation MaxSpacingCollectionViewFlowLayout

- (NSArray *) layoutAttributesForElementsInRect:(CGRect)rect {
    NSArray *attributes = [super layoutAttributesForElementsInRect:rect];

    if (attributes.count <= 0) return attributes;

    CGFloat firstCellOriginX = ((UICollectionViewLayoutAttributes *)attributes[0]).frame.origin.x;

    for(int i = 1; i < attributes.count; i++) {
        UICollectionViewLayoutAttributes *currentLayoutAttributes = attributes[i];
        if (currentLayoutAttributes.frame.origin.x == firstCellOriginX) { // The first cell of a new row
            continue;
        }

        UICollectionViewLayoutAttributes *prevLayoutAttributes = attributes[i - 1];
        CGFloat prevOriginMaxX = CGRectGetMaxX(prevLayoutAttributes.frame);
        if ((currentLayoutAttributes.frame.origin.x - prevOriginMaxX) > self.maxCellSpacing) {
            CGRect frame = currentLayoutAttributes.frame;
            frame.origin.x = prevOriginMaxX + self.maxCellSpacing;
            currentLayoutAttributes.frame = frame;
        }
    }
    return attributes;
}

@end

โซลูชันของฉันในSwift 3การเว้นช่องว่างระหว่างบรรทัดของเซลล์เหมือนกับใน Instagram:

lazy var collectionView: UICollectionView = {
    let layout = UICollectionViewFlowLayout()
    let cv = UICollectionView(frame: .zero, collectionViewLayout: layout)
    cv.backgroundColor = UIColor.rgb(red: 227, green: 227, blue: 227)
    cv.showsVerticalScrollIndicator = false
    layout.scrollDirection = .vertical
    layout.minimumLineSpacing = 1
    layout.minimumInteritemSpacing = 1
    return cv
}()

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    switch UIDevice.current.modelName {
    case "iPhone 4":
        return CGSize(width: 106, height: 106)
    case "iPhone 5":
        return CGSize(width: 106, height: 106)
    case "iPhone 6,7":
        return CGSize(width: 124, height: 124)
    case "iPhone Plus":
        return CGSize(width: 137, height: 137)
    default:
        return CGSize(width: frame.width / 3, height: frame.width / 3)
    }
}

วิธีตรวจหาอุปกรณ์โดยทางโปรแกรม: https://stackoverflow.com/a/26962452/6013170

minimumLineSpacingดีถ้าคุณกำลังสร้างคอลเลกชันมุมมองแนวนอนแล้วที่จะให้ช่องว่างระหว่างเซลล์คุณจะต้องตั้งค่าคุณสมบัติ

ลองเล่นด้วยวิธีนี้:

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView
                    layout:(UICollectionViewLayout*)collectionViewLayout
    insetForSectionAtIndex:(NSInteger)section {

    UIEdgeInsets insets = UIEdgeInsetsMake(?, ?, ?, ?);

    return insets;
}