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¬†‚Äst> New¬†‚Äst> 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.