Dynamische Zellenbreite von UICollectionView abhängig von der Etikettenbreite

Ich habe eine UICollectionView, die Zellen aus wiederverwendbaren Zellen lädt, die Label enthalten. Ein Array bietet Inhalt für dieses Label. Mit sizeToFit kann ich die Größe der Etikettenbreite je nach Inhaltsbreite problemlos ändern. Aber ich kann die Zelle nicht passend zum Etikett machen.

Hier ist der Code

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    arrayOfStats =  @[@"time:",@"2",@"items:",@"10",@"difficulty:",@"hard",@"category:",@"main"];
}

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:     (NSInteger)section{
    return [arrayOfStats count];
}

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{

    return CGSizeMake(??????????);
}

- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{

    return 1;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{

    Cell *cell = (Cell *) [collectionView dequeueReusableCellWithReuseIdentifier:@"qw" forIndexPath:indexPath];
    cell.myLabel.text = [NSString stringWithFormat:@"%@",[arrayOfStats objectAtIndex:indexPath.item]];
    // make label width depend on text width
    [cell.myLabel sizeToFit];

    //get the width and height of the label (CGSize contains two parameters: width and height)
    CGSize labelSize = cell.myLbale.frame.size;

    NSLog(@"\n width  = %f height = %f", labelSize.width,labelSize.height);

    return cell;
}

Im sizeForItemAtIndexPathGegenzug die Größe des Textes

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{

    return [(NSString*)[arrayOfStats objectAtIndex:indexPath.row] sizeWithAttributes:NULL];
}

Swift 4.2+

Prinzip ist:

1. Stellen Sie sicher , dass eine Delegation eingerichtet ist (zB collectionView.delegate = self)

2. Implementieren UICollectionViewDelegateFlowLayout(es enthält die erforderliche Methodensignatur).

3. collectionView...sizeForItemAtMethode aufrufen .

4. Keine Notwendigkeit, Brücke Guss Stringauf , NSStringum die size(withAttributes:Anrufmethode. Swift Stringhat es aus der Box.

5. Die Attribute sind die gleichen, für die Sie festgelegt haben, z (NS)AttributedString. B. Schriftfamilie, Größe, Gewicht usw. Optionaler Parameter.

Probenlösung:

extension ViewController: UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return "String".size(withAttributes: nil)
    }
}

Sie möchten jedoch höchstwahrscheinlich konkrete Zeichenfolgenattribute für Ihre Zelle angeben, sodass die endgültige Rückgabe folgendermaßen aussehen würde:

extension ViewController: UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        // dataArary is the managing array for your UICollectionView.
        let item = dataArray[indexPath.row]
        let itemSize = item.size(withAttributes: [
            NSAttributedString.Key.font : UIFont.boldSystemFont(ofSize: 14)
        ])
        return itemSize
    }
}

Warum sollten Sie UILabel NICHT verwenden, um die Größe zu berechnen? Hier ist die vorgeschlagene Lösung:

let label = UILabel(frame: CGRect.zero)
label.text = textArray[indexPath.item]
label.sizeToFit()

Ja, Sie erhalten das gleiche Ergebnis. Es sieht simpel aus und scheint eine gute Lösung zu sein. Aber es ist unangemessen, weil: 1) es teuer ist, 2) Overhead und 3) schmutzig.

Es ist teuer, weil UILabel ein komplexes UI-Objekt ist, das bei jeder Iteration erstellt wird, wenn Ihre Zelle angezeigt wird, obwohl Sie es hier nicht benötigen. Dies ist eine Overhead-Lösung, da Sie nur die Größe eines Textes ermitteln müssen, aber sogar ein ganzes UI-Objekt erstellen müssen. Und aus diesem Grund ist es schmutzig.

Ich habe einen kleinen Trick für Swift 4.2 gefunden

Für dynamische Breite und feste Höhe:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        let label = UILabel(frame: CGRect.zero)
        label.text = textArray[indexPath.item]
        label.sizeToFit()
        return CGSize(width: label.frame.width, height: 32)
    }

Für dynamische Höhe und feste Breite:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
            let label = UILabel(frame: CGRect.zero)
            label.text = textArray[indexPath.item]
            label.sizeToFit()
            return CGSize(width: 120, height: label.frame.height)
        }

Kasse unter dem Code, den Sie möglicherweise sehr kurz CGSize geben.

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{

    NSString *testString = @"SOME TEXT";
    return [testString sizeWithAttributes:NULL];
}

In Swift 3

let size = (arrayOfStats[indexPath.row] as NSString).size(attributes: nil)

Swift 4

let size = (arrayOfStats[indexPath.row] as NSString).size(withAttributes: nil)

// In der Ansicht Didload hinzufügen

UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
    [layout setScrollDirection:UICollectionViewScrollDirectionHorizontal];
    layout.estimatedItemSize = CGSizeMake(self.breadScrumbCollectionView.frame.size.width, 30); 
self.breadScrumbCollectionView.collectionViewLayout = layout;