¿Cómo envuelvo texto en un UITableViewCell sin una celda personalizada?

Question

Esto está en iPhone 0S 2.0. Las respuestas para 2.1 también están bien, aunque no estoy al tanto de las diferencias con respecto a las tablas.

Parece que debería ser posible hacer que el texto se ajuste sin crear una celda personalizada, ya que un UITableViewCell contiene un UILabel de forma predeterminada. Sé que puedo hacer que funcione si creo una celda personalizada, pero eso no es lo que estoy tratando de lograr: quiero entender por qué mi enfoque actual no funciona.

He descubierto que la etiqueta se crea a pedido (ya que la celda admite acceso de texto e imagen, por lo que no crea la vista de datos hasta que sea necesario), así que si hago algo como esto:

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

entonces obtengo una etiqueta válida, pero la configuración de numberOfLines en eso (y lineBreakMode) no funciona, todavía recibo texto de una sola línea. Hay mucha altura en el UILabel para que se muestre el texto: solo estoy devolviendo un valor grande para la altura en heightForRowAtIndexPath .

Answer 1

Aquí hay una manera más simple, y funciona para mí:

Dentro de su función cellForRowAtIndexPath: . La primera vez que crea su celda:

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

Notarás que configuro el número de líneas para la etiqueta en 0. Esto le permite usar tantas líneas como sea necesario.

La siguiente parte es especificar qué tan grande será su UITableViewCell , así que hágalo en su función 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;
}

Agregué 20 a la altura de mi celda devuelta porque me gusta un poco de búfer alrededor de mi texto.

Answer 2

Respuesta actualizada de Tim Rupe para iOS7:

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

Answer 3

Un breve comentario / respuesta para registrar mi experiencia cuando tuve el mismo problema. A pesar de usar los ejemplos de código, la altura de la celda de la vista de tabla se estaba ajustando, pero la etiqueta dentro de la celda todavía no se ajustaba correctamente; la solución fue que estaba cargando mi celda desde un archivo NIB personalizado, que ocurre después la altura de la celda ajustada.

Y tenía mi configuración dentro del archivo NIB para no ajustar el texto, y solo tengo 1 línea para la etiqueta; la configuración del archivo NIB anulaba la configuración que ajusté dentro del código.

La lección que tomé fue asegurarme de tener siempre en cuenta cuál es el estado de los objetos en cada momento, ¡es posible que aún no se hayan creado! ... hth alguien por la línea.

Answer 4

Si vamos a agregar solo texto en la celda UITableView , solo necesitamos dos delegados para trabajar (no es necesario agregar UILabels adicionales)

1) cellForRowAtIndexPath

2) heightForRowAtIndexPath

Esta solución me funcionó: -

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

Aquí la cadena mutArr es una matriz mutable de la que obtengo mis datos.

EDITAR: - Aquí está la matriz que tomé.

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"];

Answer 5

Ahora las vistas de tabla pueden tener celdas de tamaño automático. Configure la vista de tabla de la siguiente manera

tableView.estimatedRowHeight = 85.0 // use una estimación adecuada tableView.rowHeight = UITableViewAutomaticDimension

Referencia de Apple

Answer 6

Utilizo las siguientes soluciones.

Los datos se proporcionan por separado en un miembro:

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

El manejo se puede hacer fácilmente en cellForRowAtIndexPath . Defina la celda / defina la fuente y asigne estos valores al resultado "celda". Tenga en cuenta que numberoflines está establecido en " 0 " ;, lo que significa tomar lo que se necesita.

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

En heightForRowAtIndexPath , calculo las alturas del texto envuelto. El tamaño del cuerpo estará relacionado con el ancho de su celda. Para iPad esto será 1024. Para iPhone en 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;    
}

Answer 7

Encontré que esto es bastante simple y directo:

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

por ej. :

[self.tableView setRowHeight:80.0f];

Este puede o no ser el mejor enfoque estándar para hacerlo, pero funcionó en mi caso.

Answer 8

Prueba mi código rápidamente. Este código también funcionará para UILabels normales.

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

Ahora llame simplemente así

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

Answer 9

Creo que esta es una solución mejor y más corta. Simplemente formatee el UILabel ( textLabel ) de la celda para calcular automáticamente la altura especificando sizeToFit y todo debería estar bien.

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

    // Configure the cell...
    cell.textLabel.text = @"Whatever text you want to put here is ok";
    cell.textLabel.lineBreakMode = UILineBreakModeWordWrap;
    cell.textLabel.numberOfLines = 0;
    [cell.textLabel sizeToFit];

    return cell;
}

Answer 10

No creo que pueda manipular una base de UITableViewCell private UILabel para hacer esto. Puede agregar un nuevo UILabel a la celda usted mismo y usar numberOfLines con sizeToFit para dimensionarlo adecuadamente. Algo así como:

UILabel* label = [[UILabel alloc] initWithFrame:cell.frame];
label.numberOfLines = <...an appriate number of lines...>
label.text = <...your text...>
[label sizeToFit];
[cell addSubview:label];
[label release];