"Hola Mundo" en iOS

Me he propuesto aprender a programar para iOS y para asegurarme que estoy aprendiendo pretendo dejar registro de ello aquí.

Soy un convencido de que la programación es una cosa de práctica. Que mejor entonces que partir con el típico programa que lanza en la pantalla un mensaje con el saludo "¡Hola, mundo!". Los pasos a seguir están descritos en la iOS Development Guide (en inglés), proporcionada por Apple.

Para escribir aplicaciones en iOS lo que necesitamos es el Xcode que viene con cada instalación de  Mac OS X, (supondremos que ya tenemos Xcode instalado, quizá en otra entrada futura explico los pasos para instalarlo). Si quisiéramos probar nuestros programas en nuestro iPhone necesitamos inscribirnos en el programa de desarrolladores iOS que tiene un costo de USD 100 dólares anuales. Si estás recién comenzando como yo no creo que valga la pena inscribirse aún ya que las aplicaciones que programemos se pueden probar en el Simulador de iOS que trae Xcode.

Comenzamos entonces.

(1) Ejecutamos XCode, en mi caso tengo la versión 3.2.4

(2) Pinchamos en "Create a new Xcode proyect"

(3) En el menú de la izquierda bajo iOS marcamos "Aplication" y en el menú de la derecha seleccionamos "Windows-based Aplication" que corresponde a una plantilla de Xcode que es útil cuando queremos mostrar nuestras propias vistas en una aplicación. 

(4) Click en "Choose" y lo guardamos como "HolaMundo" en la ubicación que queramos.

(5) Al hacer click en "Save" nos mostrará la ventana de proyecto que contiene una lista con archivos y carpetas a la izquierda una, vista detallada en el centro, una barra de tareas en la parte superior y una barra de estado en la parte inferior.

(6) Ahora debemos añadir una clase llamada "MyView" que corresponde a añadir un nuevo archivo a nuestra aplicación. Seleccionamos por lo tanto File >New File y nos aparecerá lo siguiente:

(7) Aquí seleccionamos "Cocoa Touch Class" que se encuentra a la izquierda bajo iOS. A la derecha arriba marcamos "Objective-C class" y abajo en "Subclass of" escogemos UIView y hacemos click en "Next"

(8) Nos pide un nombre. En "File Name" escribimos "MyView.m" y nos aseguramos que esté marcada la casilla "Also create "MyView.h" y hacemos click en "Finish".

 Se han añadido dos archivos a nuestra aplicación "MyView.h" y "MyViw.m". Nos interesará por ahora solamente editar "MyView.m" y otro archivo llamado "HolaMundoAppDelegate.m".

(9) Para poder ver los archivos de nuestra aplicación pinchamos en "HolaMundo" bajo "Groups & Files en la lista de la izquierda de nuestra Ventana de Proyecto. A la derecha en la lista de archivos escogemos primero "HolaMundoAppDelegate.m"

(10) En la parte inferior de la ventana de proyecto podemos editar nuestro archivo. Partimos agregando la siguiente línea: #import "MyView.h"

justo debajo de: #import "HolaMundoAppDelegate.h"

luego las siguientes líneas:

MyView *view = [[MyView alloc] initWithFrame:[window frame]]; 

[window addSubview:view]; 

[view release];

bajo la línea:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

y guardamos el archivo

(11) Ahora editamos el archivo "MyView.m"y escribimos lo siguiente:

- (void)drawRect:(CGRect) rect { 

NSString *hello = @"Hola, Mundo!"; 

CGPoint location = CGPointMake(10, 20);

UIFont *font = [UIFont systemFontOfSize:24.0]; 

[[UIColor whiteColor] set]; 

[hello drawAtPoint:location withFont:font];

}

justo sobre:

- (void)dealloc {

    [super dealloc];

y guardamos el archivo.

(12) Finalmente presionamos "Build and Run" en la barra de tareas lo que nos ejecutará el simulador del iPhone y mostrará nuestro mensaje.

Eso es todo.

Queda pendiente explicar que con mas detalle a qué corresponde cada uno de los pasos sobre todo en lo que tiene que ver con la programación de la aplicación.

Espero que les sirva.