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.
![]()
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.
![]()
Estructura de tu aplicacion iphone
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”.
![]()
Agrega etiqueta a tu primer aplicacion iPhone
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.
![]()
Agregando un componente Text field a tu primera aplicacion iPhone
![]()
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”.
![]()
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
![]()
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)
![]()
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.
![]()
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.
![]()
Mapea tu button con Interface builder
![]()
Establecer tipo de accion al boton
Paso 14:Ahora cierra la interface y abre xcode. And press “build and go”.
Salida final
