iOSIntroducción

Xcode• Xcode es la herramienta que se utiliza para desarrollar

aplicaciones para Mac, iPhone, iPad, iPod touch.

• Incluye un simulador y los SDK de macOS, iOS, watchOS, tvOS.

• Es gratuita, se puede descargar de:

➡ http://developer.apple.com

SDKIncluye un conjunto de librerías que facilitan el desarrollo de aplicaciones.

Imagen tomada de: iOS Development with Swift

by Craig GrummittPublished by Manning Publications, 2017

Corriendo apps en el móvil

• Para correr aplicaciones en un dispositivo móvil, no es necesario registrarlo.

• Con tu Apple ID puedes dar permiso a Xcode de instalar apps en tu dispositivo.

Usando Xcode

• Ejecuta Xcode desde las aplicaciones.

• Crea un proyecto nuevo.

✦ HolaMundo

Tipo de proyecto

• Selecciona Single View App

Configuración

• Configura tu proyecto con los parámetros mostrados.

• Guarda el proyecto en alguna carpeta especial.

★ Se crea automáticamente una carpeta con el nombre del proyecto.

El proyecto en Xcode

Archivos del proyecto

Controles de ejecución

Configura la interface

Datos de la aplicación Ubicación del

proyecto

Datos para firmar el proyecto

Biblioteca de componentes

Dispositivo para la

simulación

Componentes de Xcode

• Editor

• Simulador de iOS (no es emulador)

• Interface Builder

• Instruments

Corriendo las apps

• Selecciona el simulador o dispositivo donde quieres correr tu aplicación y oprime el botón de Run.

• Combinaciones de teclas comunes.

★ Ctrl-R. Correr

★ Ctrl-B. Compilar

★ Shift-Cmd-K. Borrar compilación

El simulador• Contiene algunas apps instaladas.

★ Fotos.

★ Safari

★ Calendario

★ Mapas

• Hardware.

★ GPS

★ Red inalámbrica.

• Combinaciones de teclas.

★ Home. Shift-Cmd-H

★ Rotar. Cmd-Right/Left

Los archivos de la aplicación• AppDelegate.swift

★ Ciclo de vida de la app

★ Interacción con el sistema

★ Responder a eventos

• ViewController.swift

★ Controlador

• Main.storyboard

★ Vista

• LaunchScreen.storyboard

★ Vista/Splash screen

• Info.plist

★ Datos de la app

Hola Mundo

• Agrega una etiqueta en el centro de la pantalla con el texto "Hola Mundo"

• Corre la aplicación y observa el resultado.

¡Felicidades!

• Has construido tu primer aplicación para iPhone.

• Rota el teléfono y observa el comportamiento.

• Bueno, un poco desalineada en algunos teléfonos, pero eso lo arreglaremos fácilmente.

Swift• Es un lenguaje de programación moderno, poderoso e intuitivo para

macOS, iOS, watchOS y tvOS.

• Es de código abierto.

• Inferencia de tipos.

• https://swift.org/

• Disponible también para Linux.

• Libro oficial en línea. Se puede descargar en iBooks.

• https://developer.apple.com/library/content/documentation/Swift/Conceptual/Swift_Programming_Language/index.html

Playgrounds

• Permiten interactuar con el lenguaje para ver resultados de inmediato.

• Como el intérprete de python.

• Descarga el playground y ábrelo en Xcode.

★ https://docs.swift.org/swift-book/GuidedTour/GuidedTour.playground.zip

Temas importantes

• Constantes

• Variables

• Control de flujo

• Funciones

• Listas, Diccionarios

• Opcionales

Ejercicio• Escribe una aplicación que convierta millas a

kilómetros.

• Aplica el patrón de diseño MVC.

VistaAbre el storyboard y agrega un componente UILabel con el texto "Convertidor de Mi a Km".

Cambia el tamaño para que se ajuste a los márgenes en la parte superior.

Agrega constraints para que la etiqueta quede fija en la parte superior.

Vista• Agrega una etiqueta para millas.

Esta se ajusta al margen izquierdo, derecho y al título.

• Agrega un UITextField. Ajústalo al margen izquierdo, la etiqueta superior y al margen derecho.

Vista

• Agrega los componentes restantes.

Modelo

class Convertidor{ var millas: Double = 0 var kilometros: Double = 0 func convertirAMillas() { millas = kilometros / 1.6 } func convertirAKilometros() { kilometros = millas * 1.6 }}

• Agrega un archivo de Swift con nombre Convertidor.swift y agrega la declaración de la clase.

• Agrega al controlador una referencia a un objeto de este tipo.

Referencias a los campos de texto

• Agrega referencias a los campos de texto, arrastra el componente hacia el controlador con la tecla Ctrl oprimida.

• También puedes arrastrar con click derecho (sin Ctrl)

• Crea un action para el botón arrastrando el botón hacia el controlador con la tecla de Ctrl oprimida.

Ctrl-Drag

Convirtiendo• Escribe el código necesario

para hacer la conversión.

• Corre la app.

Mejoras

• Si son campos numéricos, configurar teclado.

• Si el campo está vacío, no hacer la conversión.

• Ocultar el teclado:

★ Al hacer la conversión.

★ Al tocar el fondo.