gergonzalez

Nuestra primera App

Escrito por gergonzalez | Septiembre 18, 2009 | Tutoriales | Comentarios 0

Ya van tres post y todavía no he mostrado ni una sola línea de código, que tal si hoy realizamos nuestro bautismo de fuego realizando, en 4 sencillos pasos, el sempiterno “Hello World”.

Paso 1

Lo primero es ejecutar Xcode, este se encuentra en la ruta HD>Developer>Aplications, es recomendable ponerlo en el Dock si se tiene intención de usarlo más a menudo, productividad, chicos, productividad.

Si es la primera vez que se ejecuta Xcode se mostrará una ventana de bienvenida con diversos contenidos de ayuda, se cierra y si se quiere se puede desmarcar la opción “Show at launch” para evitar que nos vuelva a aparecer.

Lo siguiente es crear un nuevo proyecto, para ello, en la barra de menú seleccionamos File > New Project, o mediante el atajo de teclado ⌘⇧N. Esta acción nos mostrará la ventana de asistente de nuevo proyecto, en esta ventana se observa que el panel izquierdo se divide en dos secciones, iPhone y Mac OS X, y cada una de ellas en distintas subsecciones o categorías, como nuestra intención es crear una app para iPhone elegimos la sección iPhone y la categoría Application, lo cual nos descubre en el panel derecho una serie de templates, elegimos la opción View-Based Application, pulsamos en Choose…, le asignamos el nombre HelloWorld y pulsamos Save.

Paso 2

Nuestra primera ventana de proyecto de Xcode, como ya tendremos tiempo de explicar lo que significa cada cosa, nos centramos en nuestro objetivo. Por ello, si observamos en el panel izquierdo se muestran una serie de carpetas, expandimos la carpeta Resources y hacemos doble click en HelloWorldViewController.xib.

Paso 3

La acción anterior nos abre automáticamente otra parte fundamental del SDK, el llamado Interface Builder, que nos permitirá crear la apariencia gráfica de nuestras aplicaciones de manera sencilla y visual.

Si es la primera vez que utilizamos Interface Builder, nos aparecerá una pantalla parecida a la de la imagen superior, si no os aparece ninguna paleta se pueden mostrar mediante la barra de menú Tools > Library y Tools > Inspector.

Nuestro siguiente paso será ir a la paleta Library y en Cocoa Touch > Inputs & Values arrastrar el objeto Label a nuestra vista, la cual podemos hacer aparecer en caso de estar oculta haciendo doble click en View de la ventana HelloWorldViewController.xib. A partir de aquí ya es cosa vuestra modificar tanto la vista como la etiqueta mediante el Inspector. Guardamos los cambios realizados mediante File> Save o ⌘S, cerramos Interface Builder y volvemos a Xcode.

Paso 4

Y ya por último, de vuelta en Xcode, Build>Build and Run, o en el icono del martillo con el símbolo de play que se encuentra en la parte superior central de la ventana de Xcode.

Esto es todo, sin escribir una sola línea de código, esta es la magia del SDK, nuestra primera App, una aplicación que lo único que hace es mostrar Hello World en nuestros flamantes iPhones e iPod Touchs, no muy diferente de la mítica iamrich, pero más barata.

No se encuentran Posts Relacionados.

Comentarios