Etiket genişliğine bağlı olarak UICollectionView dinamik hücre genişliği

Hücreleri etiket içeren yeniden kullanılabilir hücreden yükleyen bir UICollectionView var. Bir dizi bu etiket için içerik sağlar. SizeToFit ile içerik genişliğine bağlı olarak etiket genişliğini kolayca yeniden boyutlandırabilirim. Ama hücreyi etikete sığdıramıyorum.

İşte kod

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

Karşılığında sizeForItemAtIndexPathmetnin boyutu

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

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

Swift 4.2+

İlke şudur:

1. Yetkilendirmenin ayarlandığından emin olun (örneğin collectionView.delegate = self)

2. Uygulama UICollectionViewDelegateFlowLayout(gerekli yöntem imzasını içerir).

3. Çağrı collectionView...sizeForItemAtyöntemi.

4. Köprü döküm gerek yok Stringetmek NSStringçağrısına size(withAttributes:yöntemle. Swift Stringkutudan çıkardı.

5. Öznitelikler, sizin için ayarladığınızla aynıdır (NS)AttributedString, yani yazı tipi ailesi, boyutu, ağırlığı vb. İsteğe bağlı parametre.

Örnek çözüm:

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

Ancak büyük olasılıkla hücrenize ilişkin somut dize özniteliklerini belirtmek istersiniz, bu nedenle son dönüş şöyle görünür:

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

Boyutu hesaplamak için neden UILabel KULLANMAMALISINIZ? İşte önerilen çözüm:

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

Evet, aynı sonucu alırsınız. Basit görünüyor ve bir çözüm olarak görünebilir. Ancak uygun değil çünkü: 1) pahalı, 2) genel giderler ve 3) kirli.

Pahalıdır çünkü UILabel, burada ihtiyacınız olmasa bile hücreniz gösterilmek üzere olduğunda her yinelemede oluşturulan karmaşık bir UI nesnesidir. Bu genel bir çözümdür çünkü yalnızca bir metnin boyutunu almanız gerekir , ancak tüm bir UI nesnesi oluşturacak kadar ileri gidersiniz. Ve bu nedenle kirli.

Hızlı 4.2 için küçük bir numara buldum

Dinamik genişlik ve sabit yükseklik için:

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

Dinamik yükseklik ve sabit genişlik için:

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

Aşağıdaki kodu kontrol edin, çok kısa CGSize veriyor olabilirsiniz.

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

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

Swift 3'te

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

Swift 4

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

// didload görünümüne ekle

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