Chiều rộng ô động của UICollectionView tùy thuộc vào chiều rộng nhãn

Tôi có một UICollectionView, tải các ô từ ô có thể sử dụng lại, có chứa nhãn. Một mảng cung cấp nội dung cho nhãn đó. Tôi có thể thay đổi kích thước chiều rộng nhãn tùy thuộc vào chiều rộng nội dung một cách dễ dàng với sizeToFit. Nhưng tôi không thể tạo ô để phù hợp với nhãn.

Đây là mã

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

Trong sizeForItemAtIndexPathtrả lại kích thước của văn bản

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

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

Swift 4.2+

Nguyên tắc là:

1. Đảm bảo rằng ủy quyền được thiết lập (ví dụ collectionView.delegate = self:)

2. Thực hiện UICollectionViewDelegateFlowLayout(nó chứa chữ ký phương thức cần thiết).

3. collectionView...sizeForItemAtPhương thức gọi .

4. Không cần truyền phương thức Stringtới NSStringđể gọi size(withAttributes:. Swift Stringcó nó ra khỏi hộp.

5. Các thuộc tính giống nhau mà bạn đặt (NS)AttributedString, tức là họ phông chữ, kích thước, trọng lượng, v.v. Tham số tùy chọn.

Giải pháp mẫu:

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

Nhưng rất có thể bạn sẽ muốn chỉ định các thuộc tính chuỗi cụ thể tương ứng với ô của mình, do đó kết quả cuối cùng sẽ giống như sau:

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

Tại sao bạn KHÔNG NÊN sử dụng UILabel để tính toán kích thước? Đây là giải pháp được đề xuất:

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

Có, bạn nhận được cùng một kết quả. Nó trông đơn giản và có vẻ như là một giải pháp phù hợp. Nhưng nó không phù hợp vì: 1) đắt tiền, 2) chi phí cao và 3) bẩn.

Nó đắt vì UILabel là một đối tượng giao diện người dùng phức tạp, được tạo trên mỗi lần lặp bất cứ khi nào ô của bạn sắp hiển thị mặc dù bạn không cần nó ở đây. Đó là một giải pháp chi phí vì bạn chỉ cần lấy kích thước của một văn bản, nhưng bạn có thể tạo ra một đối tượng toàn bộ giao diện người dùng. Và nó bẩn vì lý do đó.

Tôi đã tìm thấy một thủ thuật nhỏ cho nhanh chóng 4.2

Đối với chiều rộng động & chiều cao cố định:

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

Đối với chiều cao động & chiều rộng cố định:

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

Kiểm tra mã bên dưới bạn có thể đưa ra kích thước CGS rất ngắn.

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

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

Trong Swift 3

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

Swift 4

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

// thêm vào xem didload

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