Nota de Ray: Este es el tercer tutorial del ¡Festín de iOS 5! Este tutorial es un capítulo de muestra de nuestro nuevo libro iOS 5 By Tutorials. Matthijs Hollemans escribió este capítulo – la misma persona que escribió la serie iOS Apprentice. ¡Que lo disfruten!

Esta es una entrada escrita por el miembro de nuestro Equipo de Tutoriales Matthijs Hollemans, un desarrollador y diseñador de iOS experimentado.

El Storyboard es una nueva característica del iOS 5 que te ayudará a ahorrar mucho tiempo a la hora de construir las interfaces para tus aplicaciones. Para mostrarte lo que es un Storyboard, dejaré que una imagen hable por mi. Este es el Storyboard que construiremos en este tutorial:

Puede que no sepas con certeza de momento lo que hace la aplicación pero sin duda es posible ver con claridad las pantallas que tiene y como se relacionan entre si. Ese es el poder de los Storyboards.

Si tienes una aplicación con múltiples pantallas, loa storyboards pueden ayudarte a reducir la cantidad de código de conexión que debes escribir para desplazarte de una pantalla a la siguiente. En lugar de utilizar archivos nib por separado para cada controlador, tu aplicación utiliza un storyboard que contiene el diseño de todos estos controladores (vistas) y la relación entre ellos.

Storyboard cuenta con varias ventajas sobre los archivos nib:

• Con un storyboard obtienes una mejor vista conceptual de todas las pantallas de tu aplicación y las conexiones entre ellas. Es más fácil hacer el seguimiento de todos los aspectos del desarrollo ya que el diseño entero se encuentra en un solo archivo, en lugar de disperso entre varios nibs.
• El storyboard describe la transición entre varias pantallas. Estas transiciones se conocen como “segues” y puedes crearlas fácilmente con la tecla ctrl y arrastrando el ratón de un controlador a otro. Gracias a las “segues” tienes mucho menos código que cuidar en tu IU.
• Los storyboards permiten que el trabajar con las vistas de tablas sea mucho mas sencillo con las nuevas celdas de prototipo y estática. Puedes diseñar tu vista de tabla casi por completo en el editor de storyboard, otra característica mas que ayuda en la disminución del código fuente que hay que escribir.

No todo es perfecto claro y el storyboard tiene algunas limitaciones. El Editor de Storyboard no es aún tan poderoso como el Interface Builder (IB). Hay algunas cosas que el IB puede hacer y que el Editor de Storyboard no puede. Igualmente surge la falta de un monitor de gran tamaño, ¡especialmente cuando desarrollas aplicaciones para el iPad!

Si eres de los que odia el Interface Builder y prefieres crear toda la IU de forma programática, el storyboard probablemente no es para ti. Personalmente, yo prefiero escribir la menor cantidad de código posible — especialmente código de IU — por lo que esta característica es una adición bien recibida en mi arsenal.

Todavía es posible utilizar los nibs en iOS 5 y Xcode 4.2. El Interface Builder no ha sido repentinamente reemplazado por los storyboards. Si prefieres seguir utilizando los nibs no hay problema y ten en cuenta que es posible combinar ambas funciones. No es una situación de uno u otro.

En este tutorial veremos lo que podemos hacer con los storyboards. La aplicación que vamos a desarrollar es un poco tonta pero nos muestra como realizar las tareas mas comunes del día a día con los storyboards.

¡Mantente leyendo!