Aprendiendo Cocoa

Nuestra aplicacion Hello World

Septiembre 8th, 2007 por admin

Tutorial creado con Xcode 2
En todos los lenguajes de programacion, en su fase de aprendizaje la primera aplicación que se enseña al resto es el tipico Hello World!, y en este caso con Cocoa no podia ser menos.

Ya que es nuestra primera aplicación, os remito al anterior post para instalar las Xcode Tools y donde podeis encontrarla y os repito el consejo de ponerla en el dock para un acceco mucho mas sencillo.

Con Xcode abierto, pinchamos en File->New Project para entrar en el menu de crear proyecto, donde vemos todas las opciones que Xcode nos brinda, de las cuales solo nos interesa Cocoa Application, como os enseño en la imagen siguiente.
001.jpg
A continuación, Xcode nos pregunta nombre del proyecto y ubicacion, en este punto permitidme daros un consejo, crearos una carpeta llamada Actual, Cocoa o como querais, pero que sea lo mas accesible posible e incluso incluirla en la barra lateral del finder, es una buenisima opcion de ahorro de trabajo. Bueno, en nombre ponemos HelloWorld y la ubicacion la que os venga mejor y pulsamos Finish.

002.jpg

En este momento, ya tenemos Xcode con el proyecto creado y su arbol a la izquierda del editor. Al ser nuestra primera aplicación, mas enfocada a ser “toma de contacto”, no picaremos absolutamente nada de código.

Comentaros en este punto, la diferencia esencial entre Xcode e InterfaceBuilder. El primero es el programa principal, por asi llamarlo, donde vemos el arbol del proyecto y todo lo que dependa de el, e Interface Builder se encarga exclusivamente de las interfaces graficas y las conexiones de estas con el código desarrollado por el Xcode.

Las interfaces graficas son archivos NIB ( NeXT Interface Builder) y se guardan en la ultima carpeta del arbol de nuestro proyecto, llamada NIB files, que contiene la unica interfaz que tiene nuestra aplicacion ahora, un archivo llamado Mainmenu.nib, haz doble click sobre el para abrir Interface Builder.

003.jpg

Si no ha habido problema alguno, vereis como se abre una nueva aplicación, con tres ventanas activas destinadas a la construcción de nuestra interfaz.

Si estuviesemos en Java o otro lenguaje, hacer un simple texto es complicado, pues ya vereis que sencillo es hacerlo aquí. De las tres ventanas, en este ejemplo solo trabajamos con dos, la ventana de la aplicación vacía y con las paletas. De la segunda, pinchad en la tercera opción para ver las opciones de Cocoa-text

005.jpg

Y de todas esos elementos, pinchais y arrastrais uno de los System Font Text a la ventana vacia que estara junto a ella, y cambiarle el texto, por nuestro “Hello World!” o algún texto cualquiera. Al final de todo, tenemos una ventana parecida a esta.

006.jpg

De esta ventana, podeis cambiar el tamaño, e Interface Builder se encargará de “congelar” el estado de nuestra ventana y asi se la enviará a Xcode. Bueno, ya hemos terminado, ahora salvamos en Interface builder, y lo cerramos, y en Xcode pulsamos sobre Build and Go, el martillo de la derecha, tras unos segundos, vereis a nuestra aplicación saltar en el dock reclamando tu atención. Y ahi la teneis, vuestra primera aplicación Hello World! en Cocoa, muy sencilla pero por algo habia que empezar.

Este primer post, tambien servirá de introducción para los demás y no ser tan repetitivo a la hora de crear proyectos y abrir el Xcode. Espero que os guste y sobretodo que trasteis con Xcode.

Posted in Cocoa

Animate a dejar un comentario

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.