Mostrando entradas con la etiqueta switching views. Mostrar todas las entradas
Mostrando entradas con la etiqueta switching views. Mostrar todas las entradas

domingo, 2 de junio de 2013




En este tutorial navegaremos entre dos vistas mediante la tecnología de Storyboards, para comenzar crearemos un proyecto en blanco.
  • Después de tener nuestro proyecto nuevo, modificamos la vista por defecto de nuestro Storyboard agregándole un botón como en nuestro tutorial anterior.
Click para Zoom
  • Ahora hacemos Drag-n-Drop de un componente ViewController nuevo a nuestro Storyboard.
Click para Zoom
  • Hacemos Click derecho en el botón de la vista 1 (Ir a Vista 2), arrastramos hacia la vista 2 y soltamos, con lo que nos aparecerá un Pop-Up con tres opciones: Push, Modal y Custom. En este caso escogemos Push para una animación Horizontal, o Modal para escoger alguna de las animación diferente, por ultima opción tenemos custom, para programar una transición diferente.
Click para Zoom
  • Una vez ya hallamos elegido la transición para las vistas, repetimos los pasos anteriores desde la Vista 1 hacia la Vista 2 para obtener un resultado como el de la siguiente imagen. 
Click para Zoom

Navegar entre vistas en Objective-C - Storyboard

Posted on by Unknown with No comments



En este tutorial navegaremos entre dos vistas mediante la tecnología de Storyboards, para comenzar crearemos un proyecto en blanco.
  • Después de tener nuestro proyecto nuevo, modificamos la vista por defecto de nuestro Storyboard agregándole un botón como en nuestro tutorial anterior.
Click para Zoom
  • Ahora hacemos Drag-n-Drop de un componente ViewController nuevo a nuestro Storyboard.
Click para Zoom
  • Hacemos Click derecho en el botón de la vista 1 (Ir a Vista 2), arrastramos hacia la vista 2 y soltamos, con lo que nos aparecerá un Pop-Up con tres opciones: Push, Modal y Custom. En este caso escogemos Push para una animación Horizontal, o Modal para escoger alguna de las animación diferente, por ultima opción tenemos custom, para programar una transición diferente.
Click para Zoom
  • Una vez ya hallamos elegido la transición para las vistas, repetimos los pasos anteriores desde la Vista 1 hacia la Vista 2 para obtener un resultado como el de la siguiente imagen. 
Click para Zoom

Navegar entre vistas en Objective-C - Código


En este tutorial navegaremos entre dos vistas, de la forma más básica, empezaremos creando un proyecto en blanco.
  • Como primer paso crearemos un botón que nos va a llevar a la siguiente vista en el archivo de interfaz gráfica (.xib).
Click para Zoom
  • Crear una clase de Objective-C con subclase UIViewController, ademar generar el archivo XIB

Click para Zoom

  • En esta segunda vista que creamos creamos un botón para volver a la primera vista como en el primer paso.
  • En cada una de nuestras clases creamos un IBAction el cual se encargara de realizar la navegación.

  • En los archivos implementadores de cada una de las vistas  (.m) realizaremos un import de la vista a la cual queremos cambiar.

  • Implementar la función que anteriormente habíamos creado goSecondView y en ella realizamos: 
  1. Inicializar el ViewController que llamaremos.
  2. Escoger un tamaño para la vista que deseamos mostrar, en este caso puede ser: UIModalPresentationPageSheet, UIModalPresentationFormSheet o  UIModalPresentationFullScreen.
  3.  Escoger el estilo de la transicion o animacion. Pueden ser: UIModalTransitionStyleCrossDissolve, UIModalTransitionStyleCoverVertical,  UIModalTransitionStyleFlipHorizontal y UIModalTransitionStylePartialCurl
  4. Presentar la vista.

Click para Zoom
  • Eso es todo, ahora solo implementamos la misma función pero en la segunda vista para poder regresar a la primera vista.

Navegar entre vistas en Objective-C - Código

Posted on by Unknown with No comments
Navegar entre vistas en Objective-C - Código


En este tutorial navegaremos entre dos vistas, de la forma más básica, empezaremos creando un proyecto en blanco.
  • Como primer paso crearemos un botón que nos va a llevar a la siguiente vista en el archivo de interfaz gráfica (.xib).
Click para Zoom
  • Crear una clase de Objective-C con subclase UIViewController, ademar generar el archivo XIB

Click para Zoom

  • En esta segunda vista que creamos creamos un botón para volver a la primera vista como en el primer paso.
  • En cada una de nuestras clases creamos un IBAction el cual se encargara de realizar la navegación.

  • En los archivos implementadores de cada una de las vistas  (.m) realizaremos un import de la vista a la cual queremos cambiar.

  • Implementar la función que anteriormente habíamos creado goSecondView y en ella realizamos: 
  1. Inicializar el ViewController que llamaremos.
  2. Escoger un tamaño para la vista que deseamos mostrar, en este caso puede ser: UIModalPresentationPageSheet, UIModalPresentationFormSheet o  UIModalPresentationFullScreen.
  3.  Escoger el estilo de la transicion o animacion. Pueden ser: UIModalTransitionStyleCrossDissolve, UIModalTransitionStyleCoverVertical,  UIModalTransitionStyleFlipHorizontal y UIModalTransitionStylePartialCurl
  4. Presentar la vista.

Click para Zoom
  • Eso es todo, ahora solo implementamos la misma función pero en la segunda vista para poder regresar a la primera vista.

Suscribirse a: Entradas ( Atom )