Creación App’s #05 iOS – Primer proyecto iOS

Creando Un Nuevo Proyecto

Una vez descargado, iniciamos Xcode desde nuestra carpeta de aplicaciones.

Quédate bien con estos pasos, pues los repetiremos hasta la saciedad a lo largo del curso.

Vamos a crear un nuevo proyecto desde File  > New  > Project

Seleccionamos Single View Application.

Indicamos el nombre que queremos que tenga nuestro proyecto, así como el nombre e identificador de nuestra organización. También indicamos que queremos usar el lenguaje Swift y en devices seleccionamos Universal

Introducción al entorno de desarrollo

Pulsamos en Next e indicamos dónde vamos a guardar el proyecto. Podemos elegir la carpeta que deseemos.

Pulsamos create. Se nos mostrará la interfaz principal de Xcode, en la cual podemos encontrar diversas áreas que son de gran interés a la hora de desarrollar una aplicación para dispositivos iOS. Vamos a verlas.

Vamos a ver las principales áreas de Xcode.

Introducción al entorno de desarrollo

1. Árbol de directorios

Cuando creamos un proyecto se genera una estructura de carpetas de forma automática.

Este es el explorador de los ficheros, es decir, cuando queramos que se muestre alguno de los ficheros, hacemos doble clic sobre él y el contenido del fichero se nos cargará en la pantalla principal.

2. El área de trabajo

Esta zona de trabajo va a variar dependiendo del archivo que tengamos seleccionado en el árbol de directorios.   Podemos observar que lo que vemos en el área 2 son las características de nuestra aplicación. Se pueden observar en la parte de arriba las pestañas General, Capabilities, Info, Build Settings, Build Phases y Build Rules.  Haciendo click en cada una de ellas, nos aparecen otras muchas opciones que existen para configurar nuestra aplicación.

Esto es debido a que tenemos seleccionado en el árbol de directorios del área 1  el archivo global del proyecto.

Si selecciono en el área 1  un archivo determinado, el área 2  se transforma en el editor de código.

Introducción al entorno de desarrollo

Si seleccionamos otro, podemos ver cómo el área 2  varía notablemente y deja de ser un editor de código.

Introducción al entorno de desarrollo

3. Barra de herramientas de Xcode

Aquí podemos ver las opciones principales de Xcode.

Los controles de navegación de nuestro proyecto son los marcados en rojo. Las opciones de organización de nuestra interfaz en azul.

Introducción al entorno de desarrollo

4. Inspector de atributos

Como podemos ver en la siguiente imagen, este área también lo hemos separado con dos colores.

En ella se pueden ver las propiedades de los objetos que tenemos seleccionados en ese momento. Además, podemos añadir elementos desde la parte inferior.

Para que aparezcan las propiedades debe estar la cuarta pestaña pulsada (flecha roja de la imagen).

Explorando Xcode

En esta zona azul no sólo están las propiedades de los elementos, también podemos encontrar la identidad, ayuda, relaciones, eventos,  etc.

Introducción al entorno de desarrollo

Compilando Y Ejecutando

Para probar la aplicación, el SDK nos proporciona un simulador de dispositivos iPhone y iPad.

En la parte superior izquierda podemos seleccionar el tipo de dispositivo sobre el que vamos a emular nuestra aplicación. Una vez seleccionado se puede lanzar el simulador con “Cmd + R”, o haciendo click sobre el botón “Run” (el triangulito marcado en la imagen).

Introducción al entorno de desarrollo

Control De Errores

Como se ha comentado, cuando nuestra aplicación tenga errores de compilación, Xcode nos informará en el momento:

Introducción al entorno de desarrollo

Es importante que aprendas a interpretar estos mensajes de error, ya que indican lo que está fallando.

Lo primero que tenemos que hacer es averiguar dónde se está produciendo el error en nuestro código. Si el error se encuentra en el mismo archivo que tenemos abierto, veremos el error y la línea exacta (como en el caso de la imagen). Si pulsamos sobre el icono de error del margen izquierdo (exclamación roja), nos mostrará un mensaje indicándonos el error exacto.

En caso de que el error no esté en el archivo que tenemos abierto en ese momento, necesitamos saber el nombre del fichero y la línea de código exacta. Para ello, podemos pulsar en el símbolo de error que se encuentra arriba de la ventana, más o menos en el centro, donde también se nos indica el número total de errores encontrados en la aplicación. Al pulsar, podremos ver la traza de la pila de llamadas (stacktrace en inglés) en el menú lateral de la izquierda. Si pulsamos sobre uno de estos errores, se nos mostrará el fichero concreto donde está el error.