1. ¿Dónde se puede descargar Xcode?
La forma más fácil de obtener Xcode es a través de Mac App Store. Haga clic en el enlace para ir al listado.
También puede descargarlo manualmente si no tiene la Mac App Store. Simplemente visite la página de desarrollador de Apple para XCode.
- Xcode: ¿Los probadores internos en iTunes Connect necesitan una cuenta de miembro de desarrollador de Apple antes de que puedan probar la aplicación?
- ¿Se pueden traducir las capacidades de Jquery y Javascript (front-end) a Objective-C y Swift?
- Cómo ponerse en contacto rápidamente con los desarrolladores de aplicaciones y las startups de etapa de prueba beta cuyo producto involucra aplicaciones de iPhone
- ¿Qué determina el "orden de capas" de las vistas en iOS?
- ¿Qué tipo de aplicaciones se pueden desarrollar utilizando la API de AR Drone 2?
2. Desmitificando la interfaz XCode
También puede consultar aquí la documentación completa de Apple para XCode.
Veamos ahora el diagrama a continuación. Si su interfaz se ve diferente, asegúrese de tener Xcode 7 y no una versión anterior.
¡La razón por la que este es un gran diagrama es porque me permite referirme a estas diferentes secciones de la interfaz y usted puede consultar este diagrama para ver de qué estoy hablando!
Como puede ver en el diagrama, hay 4 áreas principales: el navegador, el editor, el área de depuración y el área de utilidad.
Tenga en cuenta que puede ajustar el tamaño de cada uno de esos paneles colocando el cursor sobre los límites de cada área y arrastrando.
También puede mostrar y ocultar las diversas áreas según sea necesario a través de los botones “Ver” en la esquina superior derecha:
Esto puede ser útil, por ejemplo, cuando está escribiendo código y no necesita el área del depurador o el área de utilidad. Luego puede usar los botones Ver para ocultar esos 2 paneles para darle a su editor más espacio visible.
Muy bien, vamos a pasar por el área del navegador ahora!
3. El área del navegador
En este panel, hay un montón de navegadores diferentes entre los que puede cambiar usando la barra de selección del navegador (consulte el diagrama) . Los tres navegadores que usará mucho son los navegadores Proyecto, Búsqueda y Emisión.
Navegador de proyectos
Aquí es donde verá todos los archivos asociados con su proyecto.
Dentro del navegador del proyecto, también puede crear “Grupos” para organizar sus archivos. El problema es que cuando crea un Grupo en el navegador del proyecto (haciendo clic derecho y elige Crear Grupo), en realidad no crea una carpeta en el sistema de archivos; solo existirá en su proyecto Xcode, por lo que mientras crea Grupos aquí organizará su archivo en Xcode, no organizará los archivos reales que se encuentran en su disco duro. Es por eso que prefiero crear los directorios reales en mi disco duro, organizar los archivos y luego arrastrarlos nuevamente al proyecto Xcode.
También puede hacer clic con el botón derecho en el navegador del proyecto y crear nuevos archivos o agregar archivos existentes a su proyecto. O puede arrastrar carpetas o archivos desde su computadora directamente al navegador de proyectos y aparecerá un cuadro de diálogo que le preguntará cómo desea agregar los archivos.
Si hace clic en un archivo en el navegador del proyecto, mostrará el contenido del archivo en el área Editor. Si hace doble clic en un archivo, se abrirá una nueva ventana que puede ser útil cuando tiene dos monitores.
El nodo raíz del navegador de proyectos es su archivo de proyecto Xcode (indicado por el icono azul). Si hace clic en eso, las propiedades del proyecto se abrirán en el área del editor.
Buscador de búsqueda
Con la pestaña del navegador de búsqueda, puede buscar fácilmente fragmentos de texto en su proyecto.
Te encontrarás usando esto mucho cuando estés buscando una propiedad, método o variable específica y no puedas recordar exactamente dónde está.
Issue Navigator
El navegador de problemas le muestra todos los problemas con su aplicación.
Cuando compila y compila su aplicación para probar, si hay algunos problemas en los que Xcode no puede construir su aplicación, se detendrá y le mostrará los errores de color rojo en el navegador de problemas. Puede hacer clic en un error y le mostrará en el área del editor en qué archivo y línea está fallando.
También mostrará advertencias amarillas en el navegador de problemas. Aunque no es necesario resolver las advertencias para crear su aplicación, son advertencias de que puede haber problemas potenciales.
4. El área del editor
¡El área del editor es donde probablemente pasaremos la mayor parte de nuestro tiempo! Aquí es donde sucede toda la codificación.
Como se menciona en la sección del navegador del proyecto, cuando hace clic en un archivo allí, se abrirán los contenidos en este área del editor para que pueda editar los contenidos. Sin embargo, esa no es la única forma de navegar a diferentes archivos de código.
Navegación dentro del área del editor
Existen estas pequeñas flechas hacia atrás y hacia adelante en la esquina superior izquierda del área del editor. Desafortunadamente, estas flechas no están etiquetadas en el confiable diagrama de interfaz Xcode al comienzo de este artículo, así que las llamaré “flechas Xcode hacia atrás y hacia adelante” y le mostraré una imagen de ellas aquí:
Estos tipos son realmente bastante útiles. Actúan como los botones de retroceso y avance de su navegador y le permiten navegar a los archivos vistos anteriormente.
Otra forma de llegar rápidamente al archivo que necesita es usar la barra de salto (ver diagrama) . La barra de salto le permite explorar rápidamente sus grupos y encontrar el archivo que necesita. Parece una ruta de exploración en la parte superior del área del editor, pero cuando hace clic en un segmento, se abrirá un menú con otros grupos en ese nivel de jerarquía:
Si hace clic en el segmento de cola de la barra de salto (que es el archivo actual que está viendo), se abrirá un menú que le mostrará todos los métodos en el archivo que no solo es útil para saltar a otra área dentro del archivo , pero le mostrará de un vistazo qué métodos están disponibles en este archivo.
Eso lo hace para la navegación dentro del área del editor, sin embargo, todavía tiene algunos trucos bajo la manga.
Tres tipos de vistas del editor
El área del editor tiene tres vistas diferentes y puede alternar entre ellas con el conjunto de botones en la esquina superior derecha:
El botón más a la izquierda es para la vista del panel del editor único, que es bueno para la pantalla de la computadora portátil pequeña si no tengo un monitor externo.
El botón central es la vista del Editor Asistente que le mostrará el archivo adjunto al archivo que está viendo actualmente. Parece una vista de dos paneles. Por ejemplo, si está mirando un archivo ViewController.swift, el panel derecho le mostrará el archivo de clase vinculado para ese ViewController. Cada panel también tiene barras de salto independientes, por lo que también puede usarlo para cambiar el archivo que muestra cada panel.
El botón más a la derecha es la vista Editor de versiones, donde puede comparar dos archivos. Personalmente, no me he encontrado usando esta vista, así que no puedo hablar mucho al respecto. Aquí está la sección correspondiente en la Documentación de Apple.
Vista del generador de interfaz
Hasta ahora hemos estado hablando de editar archivos de código y escribir código, sin embargo, Xcode tiene integrado el generador de interfaces y cuando esté viendo el Storyboard o un archivo XIB, el área del editor se convertirá en un diseñador visual.
Realmente usaremos esta vista de diseñador visual en la siguiente parte de la serie, así que hablaremos sobre los diversos elementos de la misma.
Encontrar y reemplazar dentro del archivo
Simplemente presione Comando-F para que aparezca una ventana emergente de búsqueda en la esquina superior derecha que buscará lo que escriba en el archivo actual. Esta es también una excelente manera de saltar a varias áreas de su archivo. También puede usar esta ventana emergente para hacer reemplazos dentro de su archivo.
Saltando a las definiciones
Si está buscando algún código y ve un nombre de clase del que desea saltar a la definición, puede mantener presionado Comando y hacer clic en el nombre de clase para saltar rápidamente a ese archivo.
El punto de quiebre
El canal de punto de interrupción (vea el diagrama en la parte superior) es donde puede hacer clic para establecer puntos de interrupción en ciertas líneas de código. Cuando establezca un punto de interrupción, verá aparecer un indicador azul. Para desactivar un punto de interrupción, simplemente haga clic en el indicador azul nuevamente y se atenuará.
Si desea eliminar completamente el punto de ruptura, puede hacer clic y arrastrar el indicador azul fuera de la canaleta del punto de ruptura.
Para ver una lista de todos los puntos de interrupción establecidos en su proyecto, hay una pestaña “navegador de puntos de interrupción” en el área del Navegador.
También hay una palanca global para activar o desactivar los puntos de interrupción en la parte superior del área del editor que veremos cuando revisemos la barra de herramientas.
No se preocupe si no puede recordar todo en este momento. Trabajaremos con todas estas áreas y cuando comience a codificar, todo esto se convertirá en algo natural para usted después de una semana.
5. El área de utilidad
El área de la utilidad Xcode se compone de dos paneles: el panel del inspector y el panel de la biblioteca.
El panel Inspector le dará detalles sobre el archivo que ha resaltado en su navegador de proyectos. Sin embargo, cuando mira un archivo XIB / StoryBoard, el panel del inspector le mostrará los diferentes atributos que puede modificar para un elemento seleccionado.
El panel de la biblioteca tampoco será muy útil hasta que esté viendo un archivo XIB / StoryBoard. Cuando usa la parte del Generador de interfaz de Xcode, puede arrastrar elementos de la IU desde el panel de la biblioteca al área del editor para agregar ese elemento a su interfaz de usuario.
Si estoy editando archivos de código, generalmente ocultaré toda el Área de utilidades para darle más espacio a mi editor porque no necesito el panel del inspector o el panel de la biblioteca.
6. El área de depuración
El área de depuración le mostrará la salida de la consola y el estado de varias variables cuando ejecute su aplicación.
¡Lo usarás mucho mientras depuras tu código y tratas de descubrir por qué las cosas no funcionan como esperas! Necesitaré escribir un tutorial de depurador XCode por separado porque hay mucho que mencionar aquí.
7. La barra de herramientas
Ya hemos hablado sobre algunos de los botones en esta barra de herramientas. Comencemos por la izquierda.
El botón más a la izquierda es el botón de ejecución. Esto creará y ejecutará su aplicación y la lanzará en el simulador de iOS. El botón al lado detendrá la ejecución de su aplicación y lo regresará a Xcode.
Si hace clic y mantiene presionado el botón Ejecutar, obtendrá más opciones para ejecutar su aplicación:
Prueba para ejecutar tus pruebas unitarias si las tienes en tu proyecto.
Perfil para medir varios aspectos de su aplicación, como el rendimiento, el uso de memoria y más.
Analice para permitir que Xcode analice su código y verifique posibles fugas o malas prácticas.
Puede leer más sobre estas acciones en la Documentación de Apple iOS.
El menú desplegable junto al botón Detener indica qué objetivo de compilación desea ejecutar (también puede ejecutar un objetivo de Apple Watch) y también puede elegir si desea ejecutarlo bajo los simuladores de iPhone o iPad (o una versión diferente si los tiene instalados) ) La selección “dispositivo iOS” es ejecutar su aplicación en su dispositivo si la tiene conectada y aprovisionada correctamente (¡lo que necesita un tutorial completo en sí mismo!).
Y finalmente, en el extremo derecho de la barra de herramientas, tenemos los botones de vista del editor, los botones para activar o desactivar varios paneles Xcode y el botón Organizador.
8. El organizador de Xcode
El Organizador se encuentra en la entrada de menú Ventana -> Organizador y muestra una ventana separada llamada Organizador. Hay varios propósitos diferentes del organizador y los destacaremos a continuación.
Dispositivos
Hay muchas cosas que puede hacer en la ventana de dispositivos (método abreviado de teclado ⌘ ⇧ 2) que no puedo enumerar todas. Sin embargo, los usos principales son administrar sus perfiles de aprovisionamiento en su sistema Y en varios dispositivos. Todavía no hemos hablado sobre el aprovisionamiento de perfiles, pero son importantes para implementar su aplicación en dispositivos iOS físicos reales. Necesitaré crear un tutorial por separado para eso.
Consulte la documentación de Apple para obtener más funciones de la pestaña de dispositivos.
Choques
Puede ver el registro de fallas desde dispositivos, habilitar el uso de desarrollo para varios dispositivos conectados y más.
Repositorios
En Xcode 7, puede encontrar los diferentes repositorios en el menú Control de origen >> Desproteger, en la pestaña de repositorios, podrá administrar repositorios locales y remotos (GitHub, etc.) que haya configurado para sus proyectos.
Proyectos
En la pestaña de proyectos, puede ver una lista de proyectos que ha abierto anteriormente para que pueda volver a abrirlos rápidamente y también pueda administrar los datos derivados y las instantáneas de sus proyectos.
Archivo
En la pestaña de archivos, puede administrar sus archivos para varios proyectos. Archivaría su aplicación cuando quiera implementarla en la tienda o distribuirla de alguna otra manera.
Documentación
En Xcode 7, las Documentaciones y la API están disponibles a través del menú Ayuda
Puede ver la documentación del SDK de iOS aquí.
9. El simulador de iOS
Xcode 7 viene incluido con un maravilloso simulador de iOS para que pueda probar su aplicación. De hecho, puede usar el simulador de iOS para la mayor parte de su desarrollo y luego encontrar un dispositivo para probar cuando esté por terminar. (Desde Xcode 6.3, el Apple Watch Simulator también se agregó para trabajar con las aplicaciones Watch).
En realidad, puedes hacer mucho con el simulador, que incluye:
-Rotación del dispositivo
-Simulación de varias coordenadas GPS.
Batido de dispositivo
-Simulación de escenarios de poca memoria.
Si desea probar varias condiciones de red o de bajo ancho de banda, hay una herramienta llamada Charles Proxy que funciona de manera brillante. Tutorial de Charles Proxy puede leerlo aquí.
Fuente: CodewithChris
También hay algunas otras fuentes que podría considerar:
Video tutoriales y capacitación en línea
Video tutoriales sobre programación y más
Tutoriales para desarrolladores y jugadores de iPhone / iOS
