ラベルの幅に応じた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. 実装しますUICollectionViewDelegateFlowLayout（必要なメソッドシグネチャが含まれます）。

3. collectionView...sizeForItemAtメソッドを呼び出します。

4. メソッドを呼び出すためにブリッジキャストStringする必要はありません。Swift はそのまま使用できます。NSStringsize(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は複雑な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)

//ビューに追加しました

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