Динамічна ширина комірки UICollectionView залежно від ширини мітки

У мене є UICollectionView, який завантажує комірки з багаторазової комірки, яка містить мітку. Масив забезпечує вміст для цієї мітки. Я можу легко змінити розмір ширини мітки залежно від ширини вмісту за допомогою sizeToFit. Але я не можу зробити клітинку відповідно до мітки.

Ось код

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

У sizeForItemAtIndexPathповернути розмір тексту

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

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

Свіфт 4.2+

Принцип:

1. Переконайтесь, що делегування налаштоване (наприклад collectionView.delegate = self)

2. Реалізація UICollectionViewDelegateFlowLayout(вона містить необхідний підпис методу).

3. collectionView...sizeForItemAtМетод дзвінка .

4. Немає необхідності бридж-кидок Stringдо NSStringдля виклику size(withAttributes:методу. СтрімкийString це з коробки.

5. Атрибути однакові для вас (NS)AttributedString, тобто сімейство шрифтів, розмір, вага тощо. Необов’язковий параметр.

Зразок рішення:

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

Але ви, швидше за все, хочете вказати конкретні атрибути рядка, що відповідають вашій комірці, отже, остаточне повернення буде виглядати так:

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

Чому НЕ ПОВИНЕН використовувати UILabel для обчислення розміру? Ось запропоноване рішення:

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

Так, ви отримуєте той самий результат. Це виглядає спрощеним і може здатися оптимальним рішенням. Але це неправильно, оскільки: 1) це дорого, 2) накладні витрати і 3) брудне.

Це дорого, тому що UILabel - це складний об'єкт інтерфейсу, який створюється на кожній ітерації кожного разу, коли ваша комірка збирається показатись, хоча вам тут і не потрібно. Це накладне рішення, оскільки вам потрібно лише отримати розмір тексту, але ви заходите так далеко, щоб створити цілий об’єкт інтерфейсу. І з цієї причини брудно.

Я знайшов невеликий фокус для швидкої 4.2

Для динамічної ширини та фіксованої висоти:

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

Для динамічної висоти та фіксованої ширини:

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

Оформлення нижче коду ви можете дати дуже короткий CGSize.

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

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

У Swift 3

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

Стрімкий 4

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

// додаємо до перегляду didload

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