Avenida de Castilla,1 - Edificio Best Point - Oficina 21B28830 San Fernando de Henares (Madrid)

tel./fax: +34 91 675 33 06info@autentia.com - www.autentia.com

Somos su empresa de Soporte a Desarrollo Informático.Ese apoyo que siempre quiso tener...

1. Desarrollo de componentes y proyectos a medida

TecnologíaDesarrolloSistemas

Gran Empresa

Producción

autentia

Certificacióno Pruebas

Verificación previa

RFP Concurso

Consultora 1

Consultora 2

Consultora 3

Equipo propio desarrolloPiloto

3a

3b

1. Definición de frameworks corporativos.2. Transferencia de conocimiento de nuevas arquitecturas.3. Soporte al arranque de proyectos.4. Auditoría preventiva periódica de calidad.5. Revisión previa a la certificación de proyectos.6. Extensión de capacidad de equipos de calidad.7. Identificación de problemas en producción.

3. Arranque de proyectos basados en nuevas tecnologías

¿Qué ofrece Autentia Real Business Solutions S.L?

Para más información visítenos en: www.autentia.com

Compartimos nuestro conociemiento en: www.adictosaltrabajo.com

Gestor portales (Liferay)Gestor de contenidos (Alfresco)Aplicaciones híbridas

Tareas programadas (Quartz)Gestor documental (Alfresco)Inversión de control (Spring)

BPM (jBPM o Bonita)Generación de informes (JasperReport)ESB (Open ESB)

Control de autenticación y acceso (Spring Security)UDDIWeb ServicesRest ServicesSocial SSOSSO (Cas)

Spring MVC, JSF-PrimeFaces /RichFaces, HTML5, CSS3, JavaScript-jQuery

JPA-Hibernate, MyBatisMotor de búsqueda empresarial (Solr)ETL (Talend)

Dirección de Proyectos Informáticos.Metodologías ágilesPatrones de diseñoTDD

2. Auditoría de código y recomendaciones de mejora

4. Cursos de formación (impartidos por desarrolladores en activo)

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 1/13

Entra en Adictos a través de

Entrar

E-­mail

Contraseña

Deseo registrarmeOlvidé mi contraseña

Inicio Quiénes somos Formación Comparador de salarios Nuestros libros Más

» Estás en: Inicio Tutoriales Hello World en IOS sin StoryBoard

Síguenos a través de:

Catálogo de serviciosAutentia

Últimas Noticias

» IX Autentia Cycling Day(ACTUALIZADO)

» Spring 4.0 ¿qué hay denuevo amigo?

» Torneo de pádel solidarioAMEB

» Próxima charla: Gradlecomo alternativa a Mavenpara la construcción deproyectos en Java

» Conferencias Big DataSpain

Histórico de noticias

Últimos Tutoriales

» Cómo integrar un Job deTalend a nuestro proyectoJava

» Agrupación de datos conMongoDB: uso de Group.

» Primeros pasos conApache Cassandra

» Cómo instalar Gradle,herramienta deautomatización de builds

Ver todos los tutoriales del autor

Rubén Aguilera Díaz-­Heredero

Consultor tecnológico de desarrollo de proyectos informáticos.

Ingeniero en Informática, especialidad en Ingeniería del Software

Puedes encontrarme en Autentia: Ofrecemos servicios de soporte a desarrollo,factoría y formación

Somos expertos en Java/J2EE

Fecha de publicación del tutorial: 2013-­12-­13 Tutorial visitado 7 veces Descargar en PDF

Hello World en IOS sin StoryBoard

0. Índice de contenidos.

1. Entorno2. Introducción3. Creación del proyecto4. Creación de la primera vista5. Hacer que nuestra vista se muestre al lanzar la aplicación6. Crear la vista para Ipad7. Conclusiones

1. Entorno

Este tutorial está escrito usando el siguiente entorno:

Hardware: Portátil Mac Book Pro 17" (2,6 Ghz Intel Core i7, 8 GB DDR3)Sistema Operativo: Mac OS X MavericksXCode 5.0.1

2. Introducción

Actualmente cuando empiezas a programar en Objective-­C te encuentras con bastante documentación de como crearun proyecto con el famoso StoryBoard, de hecho nuestro compañero Saúl lo explica muy bien en este otro tutorial.

La experiencia no ha enseñado que este sistema no es el mejor para comenzar a desarrollar en esta plataforma y quecuando existe más de un programador modificándolo se producen muchos problemas de conflictos en el sistema decontrol de versiones, que hace que estés más tiempo resolviéndolos que desarrollando funcionalidad.

En este tutorial vamos a ver cómo crear nuestra aplicación Hola Mundo sin la ayuda del StoryBoard de forma queafiencemos los conceptos de los que nos abstrae como la creación de la primera vista que se muestra al lanzar laaplicación. Nos servirá como base para ir desarrollando paso a paso otras funcionalidades típicas en este tipo dedesarrollos.

3. Creación del proyecto

Para crear el proyecto abrimos el XCode y creamos un nuevo proyecto. Vamos a File -­-­> New -­-­> Project yseleccionamos "Empty Application"

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 2/13

» REST, el principioHATEOAS y SpringHATEOAS

Últimos Tutoriales delAutor

» Ejecutando MyBatis contradistintas bases de datos

» Gestionando relaciones enMyBatis

» Introducción a XQuery conejemplos

» Crear una rutina propia enTalend

» Clustering de puntos enGoogle Maps v3

Últimas ofertas deempleo

2011-­09-­08Comercial -­ Ventas -­MADRID.

2011-­09-­03Comercial -­ Ventas -­VALENCIA.

2011-­08-­19Comercial -­ Compras -­ALICANTE.

2011-­07-­12Otras Sin catalogar -­MADRID.

2011-­07-­06Otras Sin catalogar -­LUGO.

En el siguiente formulario establecemos la información de nuestro proyecto y seleccionamos la opción "Universal" en"Devices" indicando que la aplicación va a funcionar tanto en "IPhone" como en "IPad".

Pulsando en "Next" el asistente nos solicita que le indiquemos la carpeta donde se va a almacenar el proyecto. Laseleccionamos y pulsamos en "Create".

De esta forma veremos que XCode nos crea la siguiente estructura de proyecto.

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 3/13

Ahora si pulsamos en el "Play" tendremos que ver que se levanta el simulador de IOS y muestra una pantallacompletamente en blanco.

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 4/13

Esto significa que el proyecto se ha creado correctamente y que podemos continuar. En este punto podemos ejecutar laaplicación con cualquiera de los simuladores que tenemos disponibles o dispositivos físicos conectados dado que hemosdefinido que nuestra aplicación va a ser universal.

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 5/13

4. Creación de la primera vista

Ahora vamos a crear la primera vista de nuestra aplicación que como no puede ser de otra forma mostrará un precioso"Hola Mundo!" :-­)

Para ello en el menu seleccionamos "File" -­-­> "New" -­-­> "File" y en el asistente que se muestra seleccionamos "iOS" -­-­>"Cocoa Touch" -­-­> "Objective-­C Class".

Pulsamos en "Next" y le damos un nombre a nuestra clase y le indicamos que va a ser una subclase de"UIViewController" y que vamos a utilizar un XIB para definir la interfaz.

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 6/13

Pulsamos en "Next" y seleccionamos el "Target", la carpeta donde queremos que se almacene y el nombre de nuestravista.

Pulsamos en "Create". Con lo que nos añade los siguientes ficheros a nuestra estructura.

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 7/13

Nos ha creado tres nuevos archivos para nuestro nuevo "View Controller": la interfaz .h, la implementación .m y el ficherode interfaz de usuario .xib que será el que abramos primero.

Llegados a este punto vamos a añadir un "label" con el texto más famoso de la programación: "Hola Mundo!". Para ellodesde el panel de la derecha arrastramos un elemento "label" a la "View" y le ponemos el famoso texto pinchando dosveces sobre el "label".

No es muy ambicioso pero recordad que antes de correr hay que gatear ;;-­)

5. Hacer que nuestra vista se muestre al lanzar la aplicación

Los aventurados que le hayan dado al "Play" habrán podido comprobar como la vista que se arranca al comienzo de laaplicación sigue en un blanco inmaculado. Para mostrar nuestra vista recién creada tenemos que editar el fichero"AppDelegate.m" y buscar el método "didFinishLaunchingWithOptions" que es el método que se invoca cuando se

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 8/13

termina de lanzar la aplicación.

En este método vamos a especificar que se cargue nuestro controlador con la vista .xib asociada con el siguientecontenido:

Ahora si volvemos a pulsar en el "Play" veremos como se nos carga nuestra vista con el label indicado.

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 9/13

6. Crear la vista para Ipad

Ahora vamos a crear una vista similar para mostrar cuando la aplicación se ejecute en un IPad. Para ello seleccionamos"New" -­-­> "File" -­-­> "iOS" -­-­> "User Interface" -­-­> "View"

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 10/13

Pulsamos en "Next" y en el siguiente pantalla establecemos el "Device Family" a "Ipad"

Al pulsar en "Next" podremos dar un nombre y seleccionar la carpeta donde almacenarlo. Es una buena prácticaidentificar la pantalla con el sufijo del dispositivo. Pulsando en "Create" ya tendremos nuestro xib creado.

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 11/13

Como en el caso anterior vamos a añadir un label con el texto "Hola Mundo en Ipad!!!" para distinguirla de la anterior. Laidea es que se muestre una vista u otra en función del dispositivo donde se ejecute la aplicación.

Sin modificar una línea de código vamos a ejecutar la aplicación en un simulador de tipo Ipad. Con lo que nos vamos aencontrar con un error en tiempo de ejecución que dirá algo parecido a esto "*** Terminating app due to uncaughtexception 'NSInternalInconsistencyException', reason: '-­[UIViewController _loadViewFromNibNamed:bundle:] loaded the"HelloWorldViewController" nib but the view outlet was not set.'". Esto significa que el controlador no tiene una vistaasociada para el dispositivo que lo está ejecutando.

Para resolver esto abrimos la vista xib de Ipad y para asociar la vista con el controlador tenemos que posicionarnosencima del "File's Owner" y en la sección "Custom Class" seleccionamos el ViewController adecuado.

Tendremos también que asociar el "File's Owner" con la "View". Para ello pulsamos con el botón derecho encima del"File's Owner" y arrastramos el "+" de view al "View" del árbol como se muestra en la imagen.

Ahora si le damos al "Play" con un simulador de tipo "Ipad" tendremos que ver la vista correctamente.

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 12/13

Anímate y coméntanos lo que pienses sobre este TUTORIAL:

7. Conclusiones

En este tutorial hemos visto los primeros pasos que hay que dar para empezar a crear una aplicación en IOS. En futurostutoriales iremos añadiendo funcionalidad a este proyecto para ir mostrando cómo hacer otras técnicas con estaplataforma.

Espero que os sirva de ayuda para empezar a desarrollar y evitaros más de un dolor de cabeza. Nosotros ya llevamosun tiempo desarrollando en esta plataforma y la verdad es que se le coge cariño. :-­)

Cualquier duda o sugerencia en la zona de comentarios.

Saludos.

A continuación puedes evaluarlo:

Regístrate para evaluarlo

Por favor, vota +1 o compártelo si te pareció interesanteShare |

12/13/13 Hello World en IOS sin StoryBoard

www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=HelloWorldIOSSinStoryBoard#06 13/13

Esta obra está licenciada bajo licencia Creative Commons de Reconocimiento-­No comercial-­Sin obras derivadas 2.5

PUSH THIS Page Pushers Community Help?

----no clicks + + + + + + + +

0 people brought clicks to this page

powered by karmacracy

» Registrate y accede a esta y otras ventajas «

Copyright 2003-­2013 © All Rights Reserved | Texto legal y condiciones de uso | Banners | Powered by Autentia | Contacto