Este documento presenta una introducción a CocoaTouch y UIKit, los principales frameworks para desarrollar aplicaciones móviles para iOS. Explica que CocoaTouch incluye varios frameworks como Map Kit, Store Kit, Core Audio y Core Data. Luego se enfoca en UIKit, el framework para construir interfaces de usuario en iOS usando componentes como UINavigationController, UIViewController y UITableView. Finalmente, muestra un ejemplo de aplicación para encontrar gasolineras y ver su estado.

1. Introducción a
CocoaTouch y UIKit
Erick Camacho <@ecamacho>

2. CocoaTouch
Colección de frameworks
de alto nivel para
desarrollar aplicaciones
para iOS.

3. ¿Objective-C?
• Introducción a Objective-C (Norberto
Ortigoza)
• https://github.com/hiphoox/chobjectivec

4. CocoaTouch

5. CocoaTouch

6. CocoaTouch
• Map Kit
• Store Kit
• Core Audio
• Core Data
• Core Location

7. CocoaTouch
• Map Kit • OpenGL ES
• Store Kit • Core Image
• Core Audio • SQLite
• Core Data • WebKit
• Core Location • Address Book

8. CocoaTouch

9. CocoaTouch
• UIKit

10. CocoaTouch
• UIKit

11. CocoaTouch
• UIKit El objetivo de esta sesión

12. 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.

13. ¿Cómo se usa?
• No hay que incluirlo, al crear una aplicación
por default ya estás usando UIKit

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

15. La aplicación
Litros de a litro
Aplicación para localizar
gasolineras y ver su status según
la Profeco

16. La aplicación

17. La aplicación

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

19. La aplicación

20. La aplicación

21. UIApplication
Una 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

22. 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.

23. UIApplicationDelegate
litrosdealitroAppDelegate.h

24. UIApplicationDelegate
litrosdealitroAppDelegate.m

25. Interface Builder
• Permite construir gráficamente la interfaces
gráficas.
• Permite crear objetos no gráficos
(controladores, normalmente) y
conectarlos a la interfaz

26. Interface Builder

27. IBOutlet
• Identificador que se poner a una variable
para poder conectarla con elementos
definidos en el Interface Builder

28. UIWindow
• Define una pantalla donde desplegar
UIViews.
• Típicamente uno por aplicación.

29. 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.

30. 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

31. 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.

32. UIControl
• Clase base de los controles, como UISlider,
UIPickView, UISwitch

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

34. UITableView

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

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

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

38. Gracias
• @ecamacho
• @cocoaheadsmx
• Código: https://github.com/tidyslice/litros-de-a-litro-cocoa