web-dev-qa-db-ja.com

カスタムセルなしでUITableViewCellでテキストをラップする方法

これはiPhone 0S 2.0です。 2.1の回答も問題ありませんが、テーブルに関する違いは知りません。

UITableViewCellにはデフォルトでUILabelが含まれているため、カスタムセルを作成せずにテキストを折り返すことができるように思われます。カスタムセルを作成すれば機能させることができますが、それは私が達成しようとしていることではありません。現在のアプローチが機能しない理由を理解したいのです。

ラベルはオンデマンドで作成されることがわかりました（セルはテキストおよび画像アクセスをサポートしているため、必要になるまでデータビューは作成されないため）。

cell.text = @""; // create the label
UILabel* label = (UILabel*)[[cell.contentView subviews] objectAtIndex:0];

その後、有効なラベルを取得しますが、その（およびlineBreakMode）にnumberOfLinesを設定しても機能しません-まだ1行のテキストが表示されます。表示するテキストのUILabelには十分な高さがあります-heightForRowAtIndexPathの高さに大きな値を返すだけです。

iosobjective-ccocoa-touchuikitiphone-sdk-2
151
Airsource Ltd

ここに簡単な方法があり、それは私のために機能します：

cellForRowAtIndexPath:関数内。セルを初めて作成するとき：

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil)
{
    cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
    cell.textLabel.lineBreakMode = UILineBreakModeWordWrap;
    cell.textLabel.numberOfLines = 0;
    cell.textLabel.font = [UIFont fontWithName:@"Helvetica" size:17.0];
}

ラベルの行数を0に設定していることがわかります。これにより、必要な数の行を使用できます。

次の部分は、UITableViewCellの大きさを指定することです。そのため、heightForRowAtIndexPath関数でそれを行います。

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSString *cellText = @"Go get some text for your cell.";
    UIFont *cellFont = [UIFont fontWithName:@"Helvetica" size:17.0];
    CGSize constraintSize = CGSizeMake(280.0f, MAXFLOAT);
    CGSize labelSize = [cellText sizeWithFont:cellFont constrainedToSize:constraintSize lineBreakMode:UILineBreakModeWordWrap];

    return labelSize.height + 20;
}

テキストの周りの小さなバッファが好きなので、返されたセルの高さに20を加えました。

274
Tim Rupe

IOS7のTim Rupeの回答を更新しました。

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil)
{
    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] ;
    cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;
    cell.textLabel.numberOfLines = 0;
    cell.textLabel.font = [UIFont fontWithName:@"Helvetica" size:17.0];
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    NSString *cellText = @"Go get some text for your cell.";
    UIFont *cellFont = [UIFont fontWithName:@"Helvetica" size:17.0];

    NSAttributedString *attributedText =
        [[NSAttributedString alloc]
            initWithString:cellText
            attributes:@
            {
                NSFontAttributeName: cellFont
            }];
    CGRect rect = [attributedText boundingRectWithSize:CGSizeMake(tableView.bounds.size.width, CGFLOAT_MAX)
                                               options:NSStringDrawingUsesLineFragmentOrigin
                                               context:nil];
    return rect.size.height + 20;
}
15
ddiego

同じ問題が発生したときの私の経験を記録するための短いコメント/回答。コード例を使用したにもかかわらず、テーブルビューのセルの高さは調整されていましたが、セル内のラベルはまだ正しく調整されていませんでした-解決策は、カスタムNIBファイルからセルを読み込んでいたことですafter調整されたセルの高さ。

そして、テキストを折り返さないようにNIBファイル内に設定しており、ラベルには1行しかありません。 NIBファイルの設定は、コード内で調整した設定をオーバーライドしていました。

私が受けた教訓は、各時点でのオブジェクトの状態を常に念頭に置いておくことです。まだ作成されていない可能性があります。 ...誰かがラインを下っている。

3
Richard Le Mesurier

UITableViewセルにテキストのみを追加する場合、2つのデリゲートだけで作業できます（余分なUILabelsを追加する必要はありません）

1）cellForRowAtIndexPath

2）heightForRowAtIndexPath

このソリューションは私のために働いた：-

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath*)indexPath
{ 
    static NSString *CellIdentifier = @"Cell";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

    if (cell == nil)
    {
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
    }

    cell.textLabel.font = [UIFont fontWithName:@"Helvetica" size:16];
    cell.textLabel.lineBreakMode = UILineBreakModeWordWrap;
    cell.textLabel.numberOfLines = 0;

    [cell setSelectionStyle:UITableViewCellSelectionStyleGray]; 
    cell.textLabel.text = [mutArr objectAtIndex:indexPath.section];
    NSLog(@"%@",cell.textLabel.text);

    cell.accessoryView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"arrow.png" ]];

    return cell;

}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{  
    CGSize labelSize = CGSizeMake(200.0, 20.0);

    NSString *strTemp = [mutArr objectAtIndex:indexPath.section];

    if ([strTemp length] > 0)
        labelSize = [strTemp sizeWithFont: [UIFont boldSystemFontOfSize: 14.0] constrainedToSize: CGSizeMake(labelSize.width, 1000) lineBreakMode: UILineBreakModeWordWrap];

    return (labelSize.height + 10);
}

ここで、文字列mutArrは、データを取得する可変配列です。

EDIT：-これは私が取った配列です。

mutArr= [[NSMutableArray alloc] init];

[mutArr addObject:@"HEMAN"];
[mutArr addObject:@"SUPERMAN"];
[mutArr addObject:@"Is SUPERMAN powerful than HEMAN"];
[mutArr addObject:@"Well, if HEMAN is weaker than SUPERMAN, both are friends and we will never get to know who is more powerful than whom because they will never have a fight among them"];
[mutArr addObject:@"Where are BATMAN and SPIDERMAN"];
2
Arshad Parwez

これで、TableViewに自己サイズ変更セルを含めることができます。テーブルビューを次のように設定します

tableView.estimatedRowHeight = 85.0 //use an appropriate estimate tableView.rowHeight = UITableViewAutomaticDimension

Appleリファレンス

2
Jason

私はこれが非常にシンプルでストレートであることがわかりました

[self.tableView setRowHeight:whatEvereight.0f];

例えば：

[self.tableView setRowHeight:80.0f];

これはそうするための最良の/標準的なアプローチかもしれませんが、私の場合はうまくいきました。

0
Manish Kr. Shukla

Swiftのコードを試してください。このコードは、通常のUILabelsでも機能します。

extension UILabel {
    func lblFunction() {
        //You can pass here all UILabel properties like Font, colour etc....
        numberOfLines = 0
        lineBreakMode = .byWordWrapping//If you want Word wraping
        lineBreakMode = .byCharWrapping//If you want character wraping
    }
}

今、このように単純に呼び出します

cell.textLabel.lblFunction()//Replace your label name
0
iOS

私は次のソリューションを使用します。

データは、メンバーで個別に提供されます。

-(NSString *)getHeaderData:(int)theSection {
    ...
    return rowText;
}

cellForRowAtIndexPathで簡単に処理できます。セルを定義/フォントを定義し、これらの値を結果の「セル」に割り当てます。 numberoflinesが「0」に設定されていることに注意してください。これは、必要なものを取得することを意味します。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"Cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

    UIFont *cellFont = [UIFont fontWithName:@"Verdana" size:12.0];
    cell.textLabel.text= [self getRowData:indexPath.section];
    cell.textLabel.font = cellFont;
    cell.textLabel.numberOfLines=0;
    return cell;
}

heightForRowAtIndexPathでは、ラップされたテキストの高さを計算します。接合サイズは、セルの幅に関連するものとします。 iPadの場合、これは1024です。iPhoneen iPod 320の場合。

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UIFont *cellFont = [UIFont fontWithName:@"Verdana" size:12.0];
    CGSize boundingSize = CGSizeMake(1024, CGFLOAT_MAX);
    CGSize requiredSize = [[self getRowData:indexPath.section] sizeWithFont:cellFont constrainedToSize:boundingSize lineBreakMode:UILineBreakModeWordWrap];
    return requiredSize.height;    
}
0
Vincent