cocoaheads méxico: introducción a cocoatouch:uikit

Introducción a CocoaTouch y UIKit

Erick Camacho <@ecamacho>

CocoaTouch

Colección de frameworks de alto nivel para

desarrollar aplicaciones para iOS.

¿Objective-C?

• Introducción a Objective-C (Norberto Ortigoza)

• https://github.com/hiphoox/chobjectivec

CocoaTouch

CocoaTouch

CocoaTouch

• Map Kit

• Store Kit

• Core Audio

• Core Data

• Core Location

CocoaTouch

• Map Kit

• Store Kit

• Core Audio

• Core Data

• Core Location

• OpenGL ES

• Core Image

• SQLite

• WebKit

• Address Book

CocoaTouch

CocoaTouch

• UIKit

CocoaTouch

• UIKit

CocoaTouch

• UIKit El objetivo de esta sesión

UIKit

• Framework con todo lo que necesitas para construir una interfaz de usuario para iOS

• Framework Orientado a Eventos

• Componentes gráficos.

• Acceso a notificaciones, impresoras, acelerómetro, etc.

¿Cómo se usa?

• No hay que incluirlo, al crear una aplicación por default ya estás usando UIKit

UIKit

• Hoy revisaremos cómo crear la navegación entre pantallas y algunos de los componentes principales de UIKit.

La aplicación

Litros de a litro

Aplicación para localizar gasolineras y ver su status según

la Profeco

La aplicación

La aplicación

La aplicación

• En esta sesión crearemos esas pantallas y la navegación entre ellas usando datos en hard code.

La aplicación

La aplicación

UIApplicationUna instancia por aplicación.Punto centralizado de control.Mantiene una lista de las UIWindow y sus UIView de una aplicación.[UIApplication sharedApplication];

main.m

UIApplicationDelegate

• Recibe notificaciones del UIApplication sobre eventos clave en el ciclo de vida de la aplicación.

• Inicializa tu aplicación estableciendo las primeras vistas, estableciendo un navigation controller, etc.

UIApplicationDelegate

litrosdealitroAppDelegate.h

litrosdealitroAppDelegate.m

UIApplicationDelegate

Interface Builder

• Permite construir gráficamente la interfaces gráficas.

• Permite crear objetos no gráficos (controladores, normalmente) y conectarlos a la interfaz

Interface Builder

IBOutlet• Identificador que se poner a una variable

para poder conectarla con elementos definidos en el Interface Builder

UIWindow

• Define una pantalla donde desplegar UIViews.

• Típicamente uno por aplicación.

UINavigationController

• UIViewController que define navegación jerárquica entre vistas.

• Las vistas se guardan en un Stack (pila).

• Puede usar un UINavigationBar para facilitar la navegación.

UIView

• Área rectángular en la pantalla.

• Un UIView sabe cómo pintarse a sí misma en la pantalla.

• Un UIView sabe cómo gestionar cualquier interacción del usuario sobre él, incluyendo gestures

• UILabel, UITableView, UIImageView, UIWebView

UIViewController

• Asociado a un UIView

• Gestiona el ciclo de vida de una pantalla

• Inicializa elementos necesarios para un UIView.

• Gestiona rotaciones de la pantalla.

• UIViewController, UITableViewController, MPMoviePlayerController.

UIControl

• Clase base de los controles, como UISlider, UIPickView, UISwitch

UIControl

• Pueden notificar eventos a un action: cualquier método con el identificador IBAction.

UITableView

UITableViewController

• Controller que tiene un UITableView y ya implementa los métodos necesarios para esta vista.

UITableViewDataSource

• Protocolo que define métodos para suministrar a un Table View con los datos a pintar (celdas).

UITableViewDelegate

• Protocolo que define métodos para interactuar con los eventos del usuario en la tabla (tap, edición, drag, etc).

Gracias

• @ecamacho

• @cocoaheadsmx

• Código: https://github.com/tidyslice/litros-de-a-litro-cocoa