Espacio de tecnologia, software libre y sus derivados. Una horda de monos entrenados escriben de vez en cuando por aqui algunas noticias, opiniones e incluso alguna que otra cosa fuera del tema. Maqueros, favor de abstenerse que no somos lo suficientemente guapos.

Piano daemon

Tutorial Hello world para principiantes de desarrollo iphone

Introduccion:

Les mostrare la manera mas simple de crear un programa Hello World sobre IphoneI am going to show you the simplest way to create hello world iPhone tutorial. Para probar el codigo sobre un dispositivo (iPhone) necesitaras comprar una licencia de desarrollador la cual tiene un costo de 99$ para ti y de 299$ para una empresa.


Iniciando el Desarrollo con Iphone:

Lo primero que necesitaras es conocer c-objetive … te recomiendo bajarte algunos libros de rapidlibrary.
O tambien podrias leer “getting started with iPhone”, este tutorial cubre las cosas que tu requieres saber antes de iniciar el desarrollo para iPhone( Tambien puedes mirar el video tutorial de “Getting Started with iPhone” ).

La Idea de este tutorial
Ya existen muchos tutorial sobre Hellos Wolrd in Iphone pero se me antojo escribir uno muy muy basico sobre el iPhone sdk el cual cubre xcode, y interface builder.

Simples pasos creae aplicacion hello world iPhone

Paso 1:Abre el Xcode y da click sobre File > New Project. Select “View-Based Application” y da click sobre “Choose..” button. El nombre de este proyecto sera “Hello World” y da click sobre el boton “Save”. Ahora ya tienes una plantillapara tu proyecto iphone hello world.

Step 2:Ahora pulsa el botton Build and Go para corre esta aplicacion plantilla. Esto iniciara el simulador iPhone y podras ver una pantalla gris en este. Da click sobre el boton Home button and este te mostrara HelloWorld icon sobre el dash board del iPhone simulator.

P1
Salida de nuestra primera aplicacion iphone

Paso 3:Ahora abre tu Xcode project y selecciona el archivo HelloWorldViewController.h y escribe el siguiente codigo:

IBOutlet UITextField *txtUserName;
IBOutlet UILabel *lblUserTypedName;
Also write this method before end of this class
- (IBAction) submitYourName;?

Paso 4:Entonces tu archivo HelloWorldViewController.h lucira como esto:

#import 

@interface HelloWorldViewController : UIViewController {
IBOutlet UITextField *txtUserName;
IBOutlet UILabel *lblUserTypedName;
}

- (IBAction) submitYourName;
@end

Paso 5:Ahora abriremos el archivo HelloWorldViewController.m y escribiremos este metodo antes de @end?

- (IBAction) submitYourName;
{lblUserTypedName.text = txtUserName.text;}

Paso 6:Ahora iniciermos con algo de diseño sobre el (constructor de interfaces) interface builder. Ejecuta un doble click sobre el archivo MainWindow.xib el cual es la principal ventana o punto de entrada hacia tu aplicacion.

p02
Estructura de tu aplicacion iphone

picture-8.png
Interface builder apariencia

Paso 7:Clickea sobre Herramientas y selecctiona Library (cmd + shift + L) y arrastra el campo de texto a tu vista. Como el campo de texto esta ya seleccionado, clickea sobre Tools>Inspector (cmd + 1) y en el campo de Texto teclea “Tu nombre”.

picture-9.png
Agrega etiqueta a tu primer aplicacion iPhone

picture-10.png
Cambiando texto en tu UILabel

Paso 8:Ahora arrastra el componente TextField de tu Library hacia tu vista (cmd+shift+L) y tambien arrastra otra Label dentro de la vista.
screen-shot-2010-06-28-at-31351-pm.png
Agregando un componente Text field a tu primera aplicacion iPhone

picture-12.png
Agregando otra Label a tu primera aplicacion iPhone

Paso 9:Lo ultimo por hacer es arrastrar un boton hacia la vista y entonces abrir el Inspector de nuevo mediante el menu superior selecting tools>Inspector. En Title teclee “Submit”.
picture-19.png

Paso 10:Ahora mapea la variable controller clase funcion y metodos con el interface builder. Seleccione File’s Owner en Interface builder y seleccione inspector de coneccion desde Tools cmd + 2

picture-13.png
Mapea tu controller con el Interface Builder

Paso 11:Ahora tu puedes ver 2 nuevas variables son agregadas in el connection inspector txtUserName y lblUserTypedName. Clickea sobre txtUserName radio button y arrastra este a el text field en la vista (como tu puedes ver en la imagen)
picture-14.png
Mapea tu text field con Interface builder

Paso 12:Haz lo mismo con el lblUserTypedName, selecciona su radio y arrastra es hacia abajo de la label.
picture-15.png
Mapea tu label field con Interface builder

Paso 13:Ahora el ultimo paso es, click sobre submitYourName radio y arrastra este a el botton y selecciona touch down de la lista.
picture-21.png
Mapea tu button con Interface builder

picture-23.png
Establecer tipo de accion al boton

Paso 14:Ahora cierra la interface y abre xcode. And press “build and go”.

Salida final

picture-25.png

Comenta