Desarrollando sobre iPhone (3): nuestra primera aplicación (I)

En nuestro anterior artículo habíamos instalado el iPhone SDK y habíamos descargado, compilado y probado un ejemplo básico publicado por Apple. Nos toca ahora comenzar a desarrollar, paso a paso y desde cero, una aplicación similar.

Somos conscientes de que esto empieza a ser la parte dura, así que vamos a realizar una pequeña introducción. Como ya hemos comentado, resulta casi imprescindible disponer de ciertos conocimientos de programación para poder entender a fondo cómo desarrollar una aplicación para iPhone. Debe tenerse en cuenta que se toca un importante número de materias diferentes:

  • Patrones de diseño: Business Delegate, MVC (Model View Controller)… están presentes en la app más sencilla.
  • Lenguaje de programación Objective-C
  • Cocoa
  • Frameworks específicos de desarrollo: UIKit, Foundation
  • Herramientas: XCode, Interface Builder, iPhone Simulator…

El problema es que si comenzamos explicando a fondo cada uno de estas materias antes de comenzar a desarrollar, el desánimo sería lógicamente importante. Para este ciclo de artículos hemos considerado más práctico empezar directamente con desarrollo sobre el SDK, e ir dando pinceladas de cada uno de estos aspectos sobre la marcha. Eso sí, antes de que empecemos a desarrollar, os dejamos algunos enlaces de documentación de interés:

En todo caso, nuestro IDE XCode también dispone de enlaces directos a toda la documentación de Apple…  En la opción Help -> Documentation podemos ver que nos permite suscribirnos a diferentes temáticas.

Bueno, pues comenzamos a desarrollar. El objetivo va a ser construir una aplicación denominada HelloWorld (cómo no), que va a disponer de una sola pantalla. Esta tendrá un label (texto fijo), un campo de texto donde podremos introducir información, y un botón que, al ser pulsado, actualizará el valor del label con lo que hayamos introducido en el campo de texto. Para ello vamos a realizar los siguientes pasos:

  1. Crearemos un proyecto View-Based. XCode nos creará así una clase ViewController que manejará nuestra pantalla. Veremos que en Objetive-C la clase ViewController se compondrá de 2 ficheros de extensión .h (la interface) y .m (la implementación).
  2. Dibujaremos los elementos de la pantalla (interfaz) con Interface Builder, y aprenderemos a detectar qué clases se corresponden con cada elemento (label, campo de texto, botón), y a modificar su aspecto, alineación, color…
  3. Declararemos variables en el ViewController, que enlacen con el label y el texto, y un método para actualizar el valor del label con lo introducido en la caja de texto.
  4. Utilizaremos Interface Builder para enlazar nuestros controles con la variables y métodos creados. Es decir, enlazaremos vista y controlador.
  5. Programaremos ciertos comportamientos y probaremos nuestra aplicación.

Para no alargar en exceso este post, en el siguiente directamente abriremos nuestro XCode y empezaremos con el paso 1.


Un comentario

  1.   kevin dijo

    suerte

Escribe un comentario