dissabte, 10 de març del 2012

Primer contacto con iOS 5



Tutorial para la creación de una aplicación para iPhone/iPad


En este primer capítulo vamos a programar nuestro primer HelloWorld de manera muy sencilla!!



Introducción

Antes de empezar a hacer una explicación de como crear la aplicación es importante conocer bien el entorno de programación que utilizaremos, Xcode. Este es el IDE oficial de Apple y ya viene con todo lo necesario para hacer aplicaciones de gran calidad.
Herramientas necesarias:
·      Un Mac
·      Xcode

NO es necesario tener un iPhone (aunque ayuda bastante para algunas tareas) ya que Xcode cuenta con un simulador que funciona bastante bien. Tiene el inconveniente que algunas cosas no se pueden probar.

Xcode
Para conocer bien Xcode realizaremos nuestra primera aplicación, que como no, es un Hello World. Así podremos ver como funciona el IDE y nos servirá de gran ayuda de aquí en adelante.
Para programar una aplicación es muy importante conocer bien el patrón MVC (Model View Controller).
El View son el conjunto de elementos que utilizará el usuario, como ventanas y controles. Son los archivos .nib o .xib.
El Controller es el encargado de conectar el View con el Model. Se encarga de decidir que pasa cuando el usuario hace algo, tiene la lógica de eventos. Archivos ViewController.m/.h.
El Model se puede definir como lo que es la aplicación, lo que define cómo se comportará pero no cómo será mostrada. Resto de archivos.




Con esto ya podemos hacer nuestro Hello World:

1. Abrimos Xcode
2. New project -> Single View Application
3.

Ahora mismo no nos interesa tener el Storyboard ni el Unit Tests. El Automatic Reference Counting (ARC) es lo que en Java se conoce como el Garbage Collector (Recolector de basura).

Ahora ya se nos han creado los elementos esenciales para crear nuestra primera aplicación. En el menú de la izquierda salen los archivos necesarios y que se han creado por defecto. Como podemos comprobar tenemos los .h y .m así como el .xib.
Empezamos por abrir el .xib, nos saldrá un fondo de iPhone. Abajo a la derecha tenemos un menú con la libreria de objectos, escogemos el Label y lo arrastramos hasta el fondo del iPhone y lo ponemos donde queramos. Una vez lo tengamos en el sitio lo seleccionamos y veremos como en el attribute inspector podemos cambiar todos sus valores, desde el texto que queramos que se vea (text) hasta el color y tamaño de las letras. En text ponemos Hello World. Si seleccionamos el fondo del iPhone, en el attribute inspector podremos cambiar el color de fondo. Una vez lo tengamos le damos a Run y se ejecutará en el simulador. Como podemos ver, hasta el momento hemos creado un HelloWorld sin haber escrito ni una línea de código.



El resultado debería ser algo así...




Bienvenidos

Benvenidos a mi blog personal!

Joan.