लेबल की चौड़ाई के आधार पर UICollectionView की गतिशील सेल चौड़ाई

Question 1

मेरे पास एक 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;
}

Question 2

में sizeForItemAtIndexPathपाठ का आकार वापसी

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

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

Question 3

स्विफ्ट 4.2+

सिद्धांत है:

सुनिश्चित करें कि प्रतिनिधिमंडल स्थापित है (उदाहरण के लिए collectionView.delegate = self)
कार्यान्वयन UICollectionViewDelegateFlowLayout(इसमें आवश्यक विधि हस्ताक्षर शामिल हैं)।
कॉल collectionView...sizeForItemAtविधि।
पुल-कास्ट करने के लिए कोई ज़रूरत नहीं Stringकरने के लिए NSStringकॉल करने के लिए size(withAttributes:विधि। स्विफ्ट Stringबॉक्स से बाहर है।
विशेषताएँ वही हैं जो आप सेट करते हैं (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) गंदा है।

यह महंगा है क्योंकि यूआईबेल एक जटिल यूआई ऑब्जेक्ट है, जिसे हर पुनरावृत्ति पर बनाया जा रहा है, जब भी आपका सेल यहां दिखाने वाला है, भले ही आपको इसकी आवश्यकता न हो। यह एक ओवरहेड समाधान है क्योंकि आपको केवल एक पाठ का आकार प्राप्त करने की आवश्यकता है , लेकिन आप पूरे यूआई ऑब्जेक्ट बनाने के लिए जाते हैं। और यह उस कारण से गंदा है।

Question 4

मुझे स्विफ्ट 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)
        }

Question 5

कोड से नीचे का चेकआउट आपको बहुत कम CGSize दे सकता है।

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

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

Question 6

स्विफ्ट 3 में

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

Question 7

स्विफ्ट 4

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

Question 8

// डूडल देखने में जोड़ें

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