Saltar al contenido principal
Version: v20

Presentación de Xcode

OBJETIVOS

Garantizar una comprensión básica del funcionamiento de Xcode.

Xcode muestra las diferentes áreas que vamos a revisar:

Xcode

Toolbar (Barra de herramientas)

  • Los botones Run y Stop se ubican a la izquierda de la barra de herramientas. El botón Run permite crear, ejecutar y lanzar su aplicación en el simulador iOS seleccionado.

Build and Run

  • El menú desplegable junto al botón Stop indica los elementos que desea ejecutar y qué simulador se está utilizando.

Toolbar Target

  • En el lado derecho de la barra de herramientas, encontrará botones para cambiar la visualización.

Toolbar View buttons

Editor Area (Área de edición)

Editor Area (Área de edición)

Aquí es donde ocurre la codificación cuando se selecciona un archivo Swift. Cuando se selecciona un archivo Storyboard, la vista cambia y aparece el Interface Builder.

Área "Interface Builder"

Área "Interface Builder"

Esta es una interfaz gráfica que le permite crear un archivo Storyboard o XIB. Todas tus escenas son accesibles en el lado izquierdo.

Utility Area (Área de funcionalidades)

El área de funcionalidades de Xcode tiene dos paneles: el panel Inspector y el panel Library (biblioteca).

Utility Area (Área de funcionalidades)

Panel Inspector

Dentro de la sección Propiedades, hay seis diferentes pestañas del Inspector, como se muestra en la siguiente ilustración:

Panel Inspector

De izquierda a derecha, estas pestañas son:

  • File inspector (inspector de archivo): para ver y administrar los metadatos de un archivo, tales como el nombre, el tipo y la ruta del de archivo.

  • Quick Help (ayuda rápida): para ver detalles sobre lo que ha sido seleccionado en un editor.

  • Identity inspector (inspector de identidad): para la visualización de los metadatos del objeto tales como la clase de un objeto, el tiempo de ejecución de sus atributos, de la etiqueta.

  • Attributes inspector (inspector de atributos): para configurar los atributos específicos del objeto de la interfaz seleccionado. Por ejemplo, algunos atributos de un campo texto incluyen la alineación del texto y un color, el tipo de borde y los parámetros de modificación.

  • Size inspector (inspector de dimensiones): para especificar las características tales como el tamaño y la posición de un objeto.

  • Conexiones inspector (inspector de conexiones): para ver los "outlets" de un objeto, establecer nuevas conexiones y borrar las conexiones existentes.

Library (Biblioteca)

Dentro de la sección Propiedades, Library tiene cuatro diferentes pestañas, como se muestra en la siguiente ilustración:

De izquierda a derecha, estas pestañas son:

Library (Biblioteca)

  • File templates (plantillas de archivos): estas plantillas son para los tipos de archivos comunes que aparecen como opciones en el menú New File".

  • Code snippets (fragmentos de código): estas son piezas cortas de código fuente para su uso en la aplicación. Para utilizar uno, arrastre directamente en su archivo de código fuente.

  • Objetos: esta biblioteca contiene los tipos de objetos de la interfaz que puede utilizar para hacer su interfaz de usuario. Para agregar un objeto en una vista, arrastre directamente su Storyboard, en el editor Interface Builder.

  • Media files (archivos multimedia): esta biblioteca contiene su gráficos, iconos y archivos de audio. Para utilizarlos, arrastre directamente a su Storyboard, en el editor Interface Builder.

Debug Area (Área de depuración)

Esta área muestra el resultado y el estado de diferentes variables cuando se ejecuta su aplicación.

Área de navegación

Varias pestañas se incluyen aquí, las más importantes son:

  • Pestaña "Navigation": listas y da acceso a todos los archivos necesarios para que su aplicación funcione correctamente.

Navigation tab

  • La pestaña Search navigator (navegador de búsqueda): permite buscar todos los archivos del proyecto.

Search navigator tab

  • La pestaña Issue navigator: muestra todos los errores en un proyecto iOS.

    • Los errores en rojo corresponden a problemas críticos que deben ser corregidos para poder generar su aplicación.
    • Los errores en amarillo son alertas que tienen el potencial de causar problemas, pero que no bloquean la generación de la aplicación.

Puede hacer clic en los errores y las alertas para visualizarlas en el proyecto.

Issue Navigator

A continuación, vamos a concentrarnos en los archivos incluidos en su aplicación 4D for iOS de la pestaña "Project navigation".