jueves, 4 de abril de 2013

iOS: Storyboard


Storyboard es una nueva forma de trabajar la interfaz gráfica de las aplicaciones con XCODE. Nos permite no solo diseñar las diferentes vistas, sino además la forma de interactuar unas con otras de forma rápida.

Es decir, nos permite, sin tener que escribir una línea de código, definir las pantallas de la aplicación y la navegación entre ellas.



Componentes del Storyboard



Escena (Scene)

Una escena no es más que una vista de nuestra aplicación. Por tanto, por cada pantalla que tengamos, dispondremos de una escena.

Ejemplo de Scene

Para añadir una nueva escena simplemente tendremos que seleccionar los objetos que hereden de UIViewController del Object Library y arrastrarlo al editor.


Agregar nueva escena

Segue /seg-way/

Nos define la transición entre escenas. Por ejemplo, que al pulsar el botón de la escena 1 se navegue a la escena 2.

Segue entre dos escenas

Para crear una segue, seleccionaremos con el ratón manteniendo pulsado la tecla control desde el objeto que lanzará la transacción y lo arrastraremos a la vista a la que queremos navegar.

Ejemplo de creación de segue entre escenas