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
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.
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.
Si seleccionamos otro, podemos ver cómo el área 2 varía notablemente y deja de ser un editor de código.
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.
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.
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).
Control De Errores
Como se ha comentado, cuando nuestra aplicación tenga errores de compilación, Xcode nos informará en el momento:
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.