Cómo añadir más lineas de texto a una celda

Introducción:

Muchas de las App que utilizamos usan una estructura de tabla ( UITableView) para presentarnos una lista de elementos (canciones,fotos, mails) con los que queremos interactuar de alguna manera.
La aplicación nativa de mail por ejemplo utiliza diferentes tablas para mostrarnos
nuestros mails enviados, recibidos, borradores,etc. La información básica de cada e-mail está contenida en una celda (UITableViewCell).
La celda a su vez puede contener texto, contenido en etiquetas (textLabel & detailTextLabel) e imágenes (imageView).
Fin de la introducción

Cómo añadir más lineas de texto a una celda

Cuando creamos una tabla, las etiquetas contenidas en sus celdas por defecto sólo muestran una linea de texto. Si el texto a mostrar ocupa más de una linea se mostrarán una serie de puntos (...) que nos indican que hay más texto del que vemos. Utilizo cómo ejemplo la App.
para tratar fuentes RSS & Atom que os explique aquí.



Para poder mostrar más lineas de texto primero incrementaremos la altura de la celda y a continuación diremos cuantas lineas queremos mostrar.

En nuestro proyecto buscamos el .xib que contiene nuestra TableView (archivo RootViewController.xib) hacemos doble click sobre el y veremos lo siguiente


Seleccionamos Table View y utilizamos el Inspector para editar la altura de la celda:



Lo cambiamos por ejemplo a 120.

Para modificar el número de lineas por etiqueta necesitamos editar el código asociado a nuestra tabla.El código lo encontraremos en RootViewController.m
Buscamos la siguiente linea de código

(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {


Y antes del }return cell; escribimos lo siguiente:


cell.detailTextLabel.numberOfLines=5;

De esta manera ampliamos a 5 el número de lineas de la etiqueta que contiene el texto y este será el resultado al ejecutar nuestra App.

El próximo paso es hacer que al seleccionar un elemento se abra una nueva ventana que muestre la totalidad del texto.

No hay comentarios:

Publicar un comentario