Largeur de cellule dynamique de UICollectionView en fonction de la largeur de l'étiquette

J'ai un UICollectionView, qui charge les cellules de la cellule réutilisable, qui contient l'étiquette. Un tableau fournit du contenu pour cette étiquette. Je peux facilement redimensionner la largeur de l'étiquette en fonction de la largeur du contenu avec sizeToFit. Mais je ne peux pas faire de cellule pour adapter l'étiquette.

Voici le 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;
}

En sizeForItemAtIndexPathretour la taille du texte

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

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

Swift 4.2+

Le principe est:

1. Assurez-vous que la délégation est configurée (par exemple collectionView.delegate = self)

2. Implémenter UICollectionViewDelegateFlowLayout(il contient la signature de méthode nécessaire).

3. collectionView...sizeForItemAtMéthode d' appel .

4. Pas besoin de pont coulé Stringà NSStringà l' appel size(withAttributes:méthode. Swift l' Stringa prêt à l'emploi.

5. Les attributs sont les mêmes que ceux que vous avez définis (NS)AttributedString, c'est-à-dire la famille de polices, la taille, le poids, etc. Paramètre facultatif.

Exemple de solution:

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

Mais vous voudrez probablement spécifier des attributs de chaîne concrets respectifs à votre cellule, par conséquent, le retour final ressemblerait à:

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

Pourquoi vous NE DEVRIEZ PAS utiliser UILabel pour calculer la taille? Voici la solution suggérée:

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

Oui, vous obtenez le même résultat. Cela semble simpliste et peut sembler une solution incontournable. Mais c'est inapproprié parce que: 1) c'est cher, 2) frais généraux et 3) sale.

C'est cher car UILabel est un objet d'interface utilisateur complexe, qui est créé à chaque itération chaque fois que votre cellule est sur le point de s'afficher, même si vous n'en avez pas besoin ici. C'est une solution de surcharge car vous n'avez besoin que d'obtenir la taille d'un texte, mais vous allez jusqu'à créer un objet d'interface utilisateur complet. Et c'est sale pour cette raison.

J'ai trouvé un petit truc pour swift 4.2

Pour largeur dynamique et hauteur fixe:

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

Pour hauteur dynamique et largeur fixe:

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

Vérifiez ci-dessous le code que vous pourriez donner à CGSize très court.

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

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

Dans Swift 3

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

Swift 4

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

// ajouter la vue didload

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