Programaci贸n para el iPhone (I)
Tras la c谩lida recepci贸n de mi anterior tutorial de programaci贸n, me he animado a investigar un poco sobre como se programa para el iPhone. Este tutorial ser谩 totalmente independiente de los tutoriales de programaci贸n para Mac, y ense帽ar谩 desde cero a programar para el iPhone. Espero que disfrut茅is ley茅ndolo tanto como yo disfruto haci茅ndolo.
En primer lugar necesitamos el SDK del iPhone. Podemos descargarlo de la Apple Developer Connection (ADC) con nuestra ID de Apple aqu铆, aunque tendremos que darnos de alta gratuitamente como desarrolladores. Si no me equivoco, el SDK incluye la 煤ltima versi贸n de XCode.
Una vez realizada la instalaci贸n, vayamos a la parte divertida. Abrimos XCode y, tras saltear toda pantalla de bienvenida, pulsamos 鈬р寴N. Se mostrar谩 una pantalla ofreci茅ndonos distintos tipos de proyectos. Seleccionamos la opci贸n View-Based Application tal y como se muestra en la imagen.
Ahora preguntar谩 una ubicaci贸n para el proyecto. Pod茅is guardarlo donde quer谩is, pero el nombre tiene que ser HolaMundo. No por nada en especial, pero algunos archivos reciben su nombre del nombre del proyecto y yo me referir茅 a ellos de esa forma.
Una vez realizado esto nos encontraremos con una serie de archivos. Abre MainWindow.xib y HolaMundoViewController.xib. Los archivos .xib son archivos que se abren con un programa aparte llamado Interface Builder. Estos archivos se encargan de definir la interfaz de usuario y la apariencia. A este modelo de programaci贸n seg煤n el cual el c贸digo se separa de la interfaz se le denomina MVC. No es necesario explicarlo de momento, pues es algo que se entender谩 mas adelante.
MainWindow.xib gestiona las distintas vistas, y en este caso llama a HolaMundoViewController.xib, el cual contiene la vista. Los programas para iPhone funcionan as铆: hay una o varias “vistas” que son cargadas en un objeto gestionador.
Entonces, en HolaMundoViewController.xib (notad que me refiero por el nombre del archivo y no por el de la ventana; estad siempre atentos al nombre del archivo, por que los de ventana est谩n al rev茅s) arrastramos un Switch y un Label de la librer铆a; en caso de que no tengamos la librer铆a en pantalla, pulsamos 鈬р寴L para hacerla aparecer. El resultado tiene que ser parecido al de la siguiente imagen:
Para acabar por hoy, seleccionamos el Switch, abrimos el Inspector (鈬р寴I) y cambiamos State a Off. En el Label, centramos el texto.
Esto es todo por ahora. Guardad los archivos de Interface Builder, volved a XCode y haced clic en Build & Go. Esperad un poco y os saldr谩 el simulador del iPhone. En el podr茅is probar vuestra aplicaci贸n (que de momento no hace nada) sin necesitar un iPhone de verdad.
El pr贸ximo d铆a crearemos las conexiones entre la interfaz y el c贸digo. Cualquier problema, duda o sugerencia, en los comentarios.
Etiquetas: cocoa, Interface Builder, iPhone, objective-c, programaci贸n, xcode
Para hacer un trackback a este artículo, usa 
Para seguir los comentarios de este artículo por RSS, usa 
18 comentarios
Me parece una serie interesante, la seguir茅, a ver si en vacaciones puedo portar alguna practica maja al iPhone… y no recordaba los de cocoa, esos s铆 que van a caer, que ya va siendo hora de programar para un SO de verdad, vale, sin tener en cuenta las practicas de sistemas operativos ;)
GUAY
Me apunto a seguir este tutorial, me parece perfecto
Muchas gracias por este tutorial, lo seguire asiduamente, un saludo!
Lo seguir茅 fielmente… pero… 驴lo que nos propones lo has averiguado tu o lo sacas de un libro?
Deberiais explicar lo basico de objective-c,
- (devuelve)
:
*
y como hay que estructurar para saber expresarte en objective-c, porque poner directamente codigo lo lees, hacen el programa del tutorial y diran yuhu, funciona! pero despues dicen, voy a hacer el programa que tenia en mente, y se ponen a escribir y… mmmm mmm m, jeje, esque cuando se conoce un lenguaje despista mucho los simbolos y la estructura porque no sabes interpretar y encadenar mentalmente para saber donde estan los pies y la cabeza del programa
pero en general esta muy bien, animo!
corrijo: esque cuando NO se conoce un lenguaje despista mucho los simbolos y la estructura porque no sabes interpretar y encadenar mentalmente para saber donde estan los pies y la cabeza del programa
@Dani: Por supuesto que explicar茅 parte de eso, de momento solo hemos creado la interfaz. Ma帽ana crearemos la uni贸n entre interfaz y c贸digo, y dos d铆as despu茅s escribiremos el c贸digo.
@Captain Zana: Lo he “averiguado” yo siguiendo tutoriales en espa帽ol y en ingl茅s. Ahora quiero ponerme a desarrollar “en serio” y estoy leyendo Cocoa Programming for Mac OS X (3rd ed.). Realmente merece la pena.
Genial! esperando como agua de mayo.
Desde que tengo el aifon y vi todos los frameworks del sdk tengo el gusanillo de volver a recordar cocoa, nadie puede poner limite a lo que se puede hacer con el.
Muy bueno el tuto..
Una cosa, las im谩genes de este, est谩n mal me parece… est谩n mostrando c贸digo cuando deber铆an de mostrar (creo) la interfaz de xcode?
Saludos.
@ibobx: Gracias por el aviso! Por alguna raz贸n, sustituy贸 algunas im谩genes con otras :(. Voy a sacar las capturas de nuevo, estar谩n subidas lo mas pronto posible.
Impeca, ahora si!
Gracias por el tuto, quedo colgados por mas! :D
Muy buen tutorial..!!
Lastima que no podr茅 llevarlo a la practica, ya que soy un desarrollador Windows.
Espero que alg煤n d铆a Apple se decida por sacar la version Windows de su SDK.
Muchos desarrolladores Windows (como yo) estaremos agradecidos de poder realizar nuevos desarrollos para iPhones y iPod Touchs…
Saludos!!
soy nuevo en esto estoy en cero y me interesa mucho esto de programar para el iphone esto no se puede hacer en pc tiene q ser en mac verdad y q cosa mas recomiendas para iniciar esto…….. gracias
@welcks: Sin un Mac lo llevas crudo… Te recomiendo XCode :P
[…] Como tercer y ultimo聽hallazgo聽he descubierto un TUTORIAL por聽fasc铆culos聽que ha hecho una de las聽m煤ltiples聽WEBS聽sobre mac que hay en internet. El link […]
Hola, he intentado seguir lo que dice el manual para empezar a programar para Iphone. Y ya me he llevado el primer guantazo. Os cuento:
He instalado el sdk del iphone y se me ha actualizado el xcode a la 3.1.
Cuando voy a crear el nuevo proyecto, no me encuentro la plantilla View Based Application.
Tengo que instalar algo m谩s adem谩s del sdk??
Gracias por todo
hoal estoy haciendo la primera parte de l tutorial, y no entiendo exactamente a donde tengo que aarastrar el laber y el switch. si lo tiro en la ventana que dice view o en la ventana HolaMundoViewController.xib junto con los otros iconos. los he arrastrado a la view (ventana) que me aparece cuando le doy dble cilck en xcode a HolaMundoViewController.xib, pero el fondo me queda gris.
que estoy haciendo para que me quede diferente??
muchas gracias