ความกว้างของเซลล์แบบไดนามิกของ 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];
}

Swift 4.2+

หลักการคือ:

1. ตรวจสอบให้แน่ใจว่าได้ตั้งค่าการมอบหมายแล้ว (เช่นcollectionView.delegate = self)

2. Implement UICollectionViewDelegateFlowLayout(มีลายเซ็นวิธีการที่จำเป็น)

3. collectionView...sizeForItemAtวิธีการโทร.

4. ไม่จำเป็นต้องหล่อสะพานStringเพื่อNSStringการเรียกsize(withAttributes:วิธี Swift 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 เป็นออบเจ็กต์ UI ที่ซับซ้อนซึ่งจะถูกสร้างขึ้นในทุกๆการทำซ้ำเมื่อใดก็ตามที่เซลล์ของคุณกำลังจะแสดงแม้ว่าคุณจะไม่ต้องการที่นี่ก็ตาม เป็นวิธีแก้ปัญหาค่าใช้จ่ายเนื่องจากคุณต้องได้ขนาดของข้อความเท่านั้น แต่คุณสามารถสร้างออบเจ็กต์ UI ทั้งหมดได้ และมันสกปรกด้วยเหตุผลนั้น

ฉันพบเคล็ดลับเล็ก ๆ สำหรับ swift 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;