This document discusses concepts related to storyboards and the model-view-controller (MVC) pattern in iOS development. It covers storyboards, scenes, view controllers, navigation controllers, segues, and differences between the iPhone and iPad interfaces. It also briefly mentions creating a new video view controller, using Core Data for persistence, and loading web content in a UIWebView. The document is presented as a training session covering these iOS app development topics.

1. Televisió de Catalunya
Formación en movilidad
Conceptos de desarrollo en iOS
1

2. Qué veremos hoy
Storyboards
MVC
iOS simulator
2

3. Storyboards
MyVideos/en.lproj/MainStoryboard_iPhone.storyboard
3

4. Storyboards
MyVideos/en.lproj/MainStoryboard_iPhone.storyboard
4

5. Storyboards
Scenes
iPhone
Navigation Controller
“A navigation controller manages a stack of view controllers to
provide a drill-down interface for hierarchical content”
5

6. Storyboards
Scenes
iPhone
View Controller
“View controllers are the link between an app’s data and its
visual appearance”
6

7. Storyboards
Scenes
iPhone
Segue
“Segues are a standard way to transition from one view
controller to another”
7

8. Storyboards
Navigation Controller Scene
8

9. Storyboards
Navigation Controller Scene
Componentes
• Navigation Controller
• Navigation Bar
backBarButtonItem, title, rightBarButtonItem
• Toolbar
toolBarItems
• First Responder
Objeto que recibe en primer lugar eventos de UI
• Exit
Acción para ‘deshacer’ la navegación (unwind segue)
• Relationship “root view controller” to Master
Controlador inicial
9

10. Storyboards
Navigation Controller Scene
Pila de navegación
10

11. Storyboards
Master Scene
Componentes
11

12. Storyboards
Master Scene
TableView
dataSource: MasterViewController ⤺ UITableViewDataSource
delegate: MasterViewController ⤺ UITableViewDelegate
12

13. Storyboards
Master Scene
TableView
// MasterViewController.m
#pragma mark - UITableViewDataSource
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
#pragma mark - UITableViewDelegate
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;
13

14. Storyboards
Master Scene
TableView Cell
selection: push DetailView Controller
Push segue from Cell to Detail
14

15. Storyboards
Master Scene
TableView Cell
// MasterViewController.m
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
if([[segue identifier] isEqualToString:@"showDetail"]) {
// ...
}
}
15

16. Storyboards
Detail Scene
Componentes
16

17. Storyboards
Detail Scene
View
UIView
17

18. Storyboards
Detail Scene
Label
18

19. Storyboards
Scenes
iPad
SplitView Controller
MasterView Controller + DetailView Controller
19

20. Storyboards
Scenes
iPad
Navigation Controller
MasterView Controller
20

21. Storyboards
Scenes
Navigation Controller
DetailView Controller
21

22. Storyboards
Diferencias iPhone-iPad
EnTableView Cell no hay selection: Push DetailView
Controller
22

23. Storyboards
Diferencias iPhone-iPad
prepareForSegue:sender: no se ejecuta
23

24. Storyboards
Diferencias iPhone-iPad
DetailView Controller se actualiza con
tableView:didSelectRowAtIndexPath:
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
if([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPad) {
// ...
}
}
24

25. 25

26. 26

27. Coffee Break!
27

28. MVC
View Controller desde 0
Vista modal en iPhone para crear un vídeo nuevo
Navigation Bar con ‘Cancel’ y ‘Done’
Acciones desde la vista modal
Adaptar MasterView Controller
Recoger datos introducidos en la vista modal
Muy breve introducción a Core Data
Persistencia de los datos recogidos
Replicar en iPad
Retocar la vista de iPhone
28

29. MVC
UIWebView
Carga de una URL en vista web
Loading...
Spinner para feedback durante la carga de datos
29

30. iOS Simulator
Hardware > Device
iPad
iPad (Retina)
iPhone
iPhone (Retina 3.5-inch)
iPhone (Retina 4-inch)
Hardware >Version
5.0 (9A334)
5.1 (9B176)
6.0 (10A403)
6.1 (10B141)
30

31. iOS Simulator
Debug > Location
31

32. iOS Simulator
32

33. Recursos
Tutoriales de Ray Wenderlich
www.raywenderlich.com/tutorials
Cursos de Stanford en iTunes U
itunes.stanford.edu
iOS Developer Library
developer.apple.com/library/ios
33

34. ¡Gracias!
34