SlideShare a Scribd company logo
iOS: Sviluppo App iPhone & 
iPad 
Dario Pizzuto 
1
Storyboard 2a parte 
2
Storyboard 
Argomenti! 
• UINavigationController! 
• UITabBarController 
3
Navigation Controller 
4
Storyboard 
UINavigationController! 
• Classe per gestire la navigazione 
gerarchica tra Views! 
• Semplice da utilizzare per l’utente! 
• Permette di presentare i dati 
gerarchici in modo efficiente 
5
Storyboard 
UINavigationController! 
• Gestito a livelli! 
• Ogni livello è un dettaglio maggiore sul 
contenuto! 
• Push/Pop delle Views! 
• Utilizzando lo storyboard, le transizioni 
vengono gestite automaticamente 
6
Storyboard 
UINavigationController 
7
Storyboard 
UINavigationController! 
• Fornisce sempre un button nella 
navigationBar per tornare indietro! 
• Visualizza il titolo della view presente! 
• Lavora unitamente al suo delegate 
UINavigationControllerDelegate 
8
Storyboard 
UINavigationController! 
• Da codice, possiamo aggiungere (push) 
una View nello stack 
! 
pushViewController:animated: 
9
Storyboard 
UINavigationController! 
• Da codice, possiamo rimuovere (pop) 
una View nello stack 
! 
popViewController:animated: 
10
Storyboard 
Navigation Bar! 
• Definisce la navigazione e gli elementi utili! 
• Si compone di:! 
✓Left Bar Button Item! 
✓Title! 
✓Right Bar Button Item 
11
Storyboard 
12 
Navigation Bar 
Title 
Left Bar Button Item Right Bar Button Item
Storyboard 
Navigation Bar! 
• Tutti i componenti sono 
UIBarButtonItem! 
• Sono disponibili dei tipi di base! 
• Possiamo variare runtime un 
componente della navigation bar! 
• Possiamo nascondere la navigation bar 
13
Storyboard 
Come associare una UINavigationController 
14
Storyboard 
UINavigationController! 
• Focus sulla View root della navigation 
controller! 
• Editor -> Embed In -> Navigation 
Controller! 
• Storyboard crea un 
UINavigationController al posto nostro 
15
Storyboard 
Esempio UINavigationController 
16
Storyboard 
Esempio UINavigationController 
17
Storyboard 
Esempio UINavigationController 
18 
Indica elemento root
Storyboard 
Esempio UINavigationController - navigation bar 
19
Storyboard 
Navigation Controller - Master-Detail! 
• Template con Navigation Controller pre-impostato 
in Xcode! 
• Crea la struttura con la prima 
20 
ViewController
Tab Bar Controller 
21
Storyboard 
Tab Bar Controller! 
• Classe che gestisce Views in stile radio-selection 
22 
! 
• In basso alla view sono presenti i tabs di 
selezione! 
• Ogni tab contiene una ViewController 
custom
Storyboard 
Tab Bar Controller! 
• Usata per gestire vari tipi di informazioni 
e view per la stessa App! 
• Struttura molto usata 
23
Storyboard 
24 
Tab Bar Controller
Storyboard 
Tab Bar Controller! 
• UITabBarItem classe usata per 
configurare un tab! 
• Icona e titolo configurabili anche da 
storyboard! 
• Lavora unitamente al delegate 
UITabBarControllerDelegate 
25
Storyboard 
Creare un UITabBarController 
26
Storyboard 
UITabBarController! 
• Focus sulla View root della navigation 
controller! 
• Editor -> Embed In -> Tab Bar Controller! 
• Storyboard crea una TabBarController 
27
Storyboard 
Esempio UITabBarController 
28
Storyboard 
Esempio UITabBarController 
29 
Selezione root
Storyboard 
Esempio UITabBarController 
30 
Elemento Root 
Elemento Root 
Tabs
Storyboard 
Esempio UITabBarController 
Tab Settings 
31
Storyboard 
Esempio UITabBarController 
32
Storyboard 
Tab Bar Controller! 
• Template con Tab Bar Controller pre-impostato 
in Xcode! 
• Crea la struttura con 2 tabs 
33
Let’s Code 
34
Storyboard 
Let’s Code! 
✦Implementare una tabBarController 
con 3 tab e all’interno del primo tab 
una navigation controller 
35
Storyboard 
Ulteriori approfondimenti! 
UINavigationController! 
UITabBarController! 
View Controller programming guide 
36
Domande ? 
37

More Related Content

PDF
iOS_Course_9
PDF
iOS_Course_11
PDF
iOS_Course_5
PDF
iOS_Course_2
PDF
iOS_Course_14
PDF
iOS_Course_3
PPTX
E-MARKETING
PDF
iOS_Course_13
iOS_Course_9
iOS_Course_11
iOS_Course_5
iOS_Course_2
iOS_Course_14
iOS_Course_3
E-MARKETING
iOS_Course_13

Viewers also liked (12)

PDF
iOS_Course_4
PPTX
Analysing Existing Solutions
PDF
iOS_Course_16
PPTX
E 비즈니스세미나(gtep) SNS
PDF
iOS_Course_6
PPS
2011 12 04_www.nicepps.ro_9879_bratarile radionice, ale dacilor.
PDF
iOS_Course_15
PDF
iOS_Course_1
PDF
מצורף הסכם הצטרפות למנהלת
PDF
מצגת למנהלת תבע 384
PDF
iOS_Course_8
PPTX
Cyber bulling
iOS_Course_4
Analysing Existing Solutions
iOS_Course_16
E 비즈니스세미나(gtep) SNS
iOS_Course_6
2011 12 04_www.nicepps.ro_9879_bratarile radionice, ale dacilor.
iOS_Course_15
iOS_Course_1
מצורף הסכם הצטרפות למנהלת
מצגת למנהלת תבע 384
iOS_Course_8
Cyber bulling
Ad

Similar to iOS_Course_10 (6)

PPTX
ios 8 - parte 2 - todo-app - ita
PDF
Xcode - Just do it
PDF
Wearable Lab: Progettazione per Apple Watch
PDF
Progettazione per Apple Watch - Todi Appy Days 2015
PPTX
Mob03 what's new in windows phone
PDF
Introduzione a WatchKit
ios 8 - parte 2 - todo-app - ita
Xcode - Just do it
Wearable Lab: Progettazione per Apple Watch
Progettazione per Apple Watch - Todi Appy Days 2015
Mob03 what's new in windows phone
Introduzione a WatchKit
Ad

iOS_Course_10