Sei sulla pagina 1di 31

Aplicaciones iPhone

PARTE 1: EJEMPLO DE APLICACIN: helloWorld_001


Inicio Abrimos Xcode. En la pantalla que aparece seleccionamos Create a new Xcode Project.

Tambin se puede crear un nuevo proyecto seleccionando New Proyect desde el men. En el dialogo que aparece hacemos click sobre Single View Application.

Se generan 5 archivos importantes:

ViewController.h Vamos al archivo ViewController.h, teniendo en la primera lnea: #import <UIKit/UIKit.h> Con esto podremos utilizar el UIKit Framework. A continuacin nos encontramos con la siguiente lnea de cdigo: @interface ViewController : UIViewController{ @ Transformar el cdigo en una accin. Indicamos que va a hacer uso de Interfaz Builder, para ello utilizamos IBOutlet, indicando que algo ser escrito en UILabel. IBOutlet UILabel *label; Incluimos el botn en el cdigo: -(IBAction) hello : (id)sendr; A continuacin podemos ver el cdigo completo de ViewController.h:

ViewController.m

Lo primero es implementar el mtodo hello en ViewController.m: -(IBAction) hello : (id)sendr{ } Incluimos las instrucciones que ejecutar el mtodo: -(IBAction) hello : (id)sendr{ Label.text = @Hello World!; } A continuacin podemos ver el cdigo completo de ViewController.m:

ViewController.xib Vamos a ViewController.xib, abrindose el Interfaz Builder:

Aadimos una Label a nuestra vista. Aadimos un Round Rect Button a nuestra vista. Asociamos Label con Files Owner, seleccionando label en el cuadro que se abre:

Asociamos Round Rect Button con Files Owner, seleccionando hello en el cuadro que se abre:

Ejecucin Vamos a Command y seleccionamos Run, con lo que se compilar y se ejecutar el proyecto:

PARTE 2: EJEMPLO DE APLICACIN: helloWorld_002


Inicio Abrimos Xcode. En la pantalla que aparece seleccionamos Create a new Xcode Project.

Tambin se puede crear un nuevo proyecto seleccionando New Proyect desde el men. En el dialogo que aparece hacemos click sobre Master-Detail Application.

Se generan varios archivos importantes:

MasterViewController.m Vamos al archivo MasterViewController.m, teniendo pequeas porciones de cdigo preprogramado. Compilamos y ejecutamos sin hacer ninguna modificacin del cdigo, obteniendo una tabla en la pantalla del simulador.

La pantalla se muestra as debido a UITableViewController.

Lo primero que vamos a modificar en la tabla es el nmero de filas de la misma, para ello vamos a modificar el cdigo dejndolo como se muestra a continuacin (Cambiamos el return de 0 a 1):

Incluimos el cdigo necesario para que nos muestre el texto que deseamos: cell.textLabel.text = @Hello World!;

A continuacin tenemos el cdigo completo de MasterViewController.m:

Ejecucin Vamos a Command y seleccionamos Run, con lo que se compilar y se ejecutar el proyecto:

Si seleccionamos el texto vemos que se queda activo.

PARTE 3: EJEMPLO DE APLICACIN: helloWorld_003


Inicio Abrimos Xcode. En la pantalla que aparece seleccionamos Create a new Xcode Project.

Tambin se puede crear un nuevo proyecto seleccionando New Proyect desde el men. En el dialogo que aparece hacemos click sobre Master-Detail Application.

Se generan varios archivos importantes:

MasterViewController.m Vamos al archivo MasterViewController.m, teniendo pequeas porciones de cdigo preprogramado. Compilamos y ejecutamos sin hacer ninguna modificacin del cdigo, obteniendo una tabla en la pantalla del simulador.

La pantalla se muestra as debido a UITableViewController.

Lo primero que vamos a modificar en la tabla es el nmero de filas de la misma, para ello vamos a modificar el cdigo dejndolo como se muestra a continuacin (Cambiamos el return de 0 a 1):

Incluimos el cdigo necesario para que nos muestre el texto que deseamos: cell.textLabel.text = @Hello World!;

Vamos a centrar el texto de nuestra aplicacin, para ello vamos a utilizar el siguiente cdigo: [[cell textLabel] setTextAlignment : UITextAlignmentCenter]; Con esto le decimos a la celda con la etiqueta de texto (cell textLabel) que obedezca las instrucciones que se de setTextalignment, que en este caso ser centrar el texto (UITextAlignmentCenter). Vamos a colocar un botn Edit que nos permita eliminar el texto de nuestra aplicacin. El cdigo necesario para su creacin se mostraba comentado cuando hemos creado este proyecto: -(void) viewDidLoad{ [super viewDidLoad]; }

A continuacin tenemos el cdigo completo de MasterViewController.m:

Ejecucin Compilamos y ejecutamos obteniendo lo siguiente:

PARTE 4: EJEMPLO DE APLICACIN: helloWorld_004


Inicio Abrimos Xcode. En la pantalla que aparece seleccionamos Create a new Xcode Project.

Tambin se puede crear un nuevo proyecto seleccionando New Proyect desde el men. En el dialogo que aparece hacemos click sobre Single View Application.

Se generan varios archivos importantes:

ViewController.h Vamos al archivo ViewController.h, aadiendo un Outlet y la accin del botn. El cdigo completo ser el siguiente:

ViewController.m Implementamos la accin: -(IBAction) hello : (id)sender{ text.label = @Hello World!; }

El cdigo completo ser el siguiente:

Imagen de fondo Arrastramos la imagen hasta nuestro proyecto, apareciendo un cuadro en el que tendremos que dejar marcada la opcin Copy tems into your destination groups folder. Con esto nos aseguramos de que aunque cambie la imagen o sea borrada, se mantenga en nuestra aplicacin.

La imagen tendr que tener una dimensin de 320 x 480 pxeles y slo podr ser en formato PNG.

ViewController.xib Para poder poner nuestra imagen de fondo tendremos que incluir un objeto Image View, seleccionando en el men de la derecha la imagen que queramos poner de fondo.

Aadimos una Label a nuestra vista. Aadimos un Round Rect Button a nuestra vista.

Asociamos Label con Files Owner, seleccionando label en el cuadro que se abre:

Asociamos Round Rect Button con Files Owner, seleccionando hello en el cuadro que se abre:

Compilamos y ejecutamos la aplicacin, obteniendo el siguiente resultado:

PARTE 5: EJEMPLO DE APLICACIN: helloWorld_005


Inicio Abrimos Xcode. En la pantalla que aparece seleccionamos Create a new Xcode Project.

Tambin se puede crear un nuevo proyecto seleccionando New Proyect desde el men. En el dialogo que aparece hacemos click sobre Single View Application.

Se generan varios archivos importantes:

Imgenes Tenemos que tener 3 imgenes: Imagen de fondo: 320 x 480 pxeles. Imagen que va a aparecer: 300 x 299 pxeles. Icono: 57 x 57 pxeles.

Para aadir las imgenes arrastramos las mismas a nuestro proyecto. Para poner el Icono de nuestra aplicacin tendremos que ir al archivo helloWorld_005-info.plist, creamos un nuevo elemento (Icon files) y en item0 ponemos el nombre de la imagen que queremos como icono.

ViewController.h Vamos al archivo ViewController.h, aadiendo dos Outlet y la accin del botn. El cdigo completo ser el siguiente:

*label y *uiImageView son punteros, con esto decimos al Interfaz Builder que utilice la imagen y la etiqueta que hay en la direccin de memoria a la que apuntan dichos punteros. @property declara que nuestro objeto tiene una propiedad con un tipo especfico. @synthesize implementa los mtodos declarados en @property. nonatomic indica que dejamos que Apple se encargue de la gestin, mientras que retain indica que nosotros vamos a gestionar el control de memoria. Tenemos que aadir la accin del botn: -(IBAction) buttonPressed : (id) sender;

ViewController.m Lo primero ser incluir @synthesize para que se implementen los mtodos declarados en @property: @synthesize label, uiImageView; A continuacin vamos a hacer que al pulsar el botn se muestre la etiqueta: text.label = @Hello World Again; Tambin tenemos que conseguir que al pulsar el botn se muestre la imagen, para ello vamos a utilizar el mtodo imageNamed, que nos proporcionar un puntero que apuntar a nuestra imagen: UIImage *imageSource = [UIImage imageNamed : @imagen.png]; Con la siguiente lnea de cdigo vamos asociar la imagen que hay en la direccin a la que apunta *imageSource con la direccin a la que apunta *uiImageView: uiImageView.image = imageSource; El cdigo completo ser.

ViewController.xib Lo primero ser poner la imagen de fondo. A continuacin colocaremos la etiqueta, el botn y la imagen que queramos que aparezca.

La imagen que queremos que aparezca la seleccionaremos en la opcin Highlighted del men de la derecha. A continuacin relacionaremos Files Owner con los elementos que componen nuestra aplicacin: Botn Files Owner (Seleccionando buttonPressed). Files Owner Label (Seleccionando label). Files Owner ImageView (Seleccionando uiImageView).

Ejecucin Compilamos y ejecutamos el proyecto.