{"id":847,"date":"2009-11-17T23:34:22","date_gmt":"2009-11-17T22:34:22","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=847"},"modified":"2010-03-29T12:20:28","modified_gmt":"2010-03-29T10:20:28","slug":"t009-gestiamo-piu-viste","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t009-gestiamo-piu-viste\/","title":{"rendered":"T#009 – Gestiamo pi\u00f9 viste"},"content":{"rendered":"

\"t009_IS\" In questo tutorial vedremo uno dei tanti modi possibili di gestire pi\u00f9 viste all’interno delle nostre applicazioni. Per far ci\u00f2 creeremo una classe, la cui superclasse sar\u00e0 UIViewController che si occuper\u00e0 avviare la vista principale e conterr\u00e0 il codice per navigare tra le varie viste disponibili. Apriamo Xcode, creiamo un nuovo progetto e dall’elenco dei template disponibili scegliamo “Window-based Application”. Clicchiamo col pulsante destro del mouse su “Classes” in “Groups & Files”, quindi su “Add” e su “New File…”, dalla finestra che si apre clicchiamo su “UIViewController subclass” e premiamo il pulsante “Next” per proseguire. Diamo un nome al nuovo file, ad esempio “controllerViste”, facciamo attenzione che sia selezionata l’opzione “Also create controllerViste.h” e clicchiamo su “Finish”. Apriamo il file “controllerViste.h” appena creato e inseriamo il seguente codice:<\/p>\n

\r\n#import \r\n\r\n\r\n@interface controllerViste : UIViewController {\r\n\tIBOutlet UIView *vistaUno;\r\n\tIBOutlet UIView *vistaDue;\r\n\tIBOutlet UIView *vistaTre;\r\n}\r\n\r\n@property (nonatomic, retain) IBOutlet UIView *vistaUno;\r\n@property (nonatomic, retain) IBOutlet UIView *vistaDue;\r\n@property (nonatomic, retain) IBOutlet UIView *vistaTre;\r\n\r\n-(IBAction)vaiUno;\r\n-(IBAction)vaiDue;\r\n-(IBAction)vaiTre;\r\n\r\n@end\r\n<\/pre>\n
Cos\u00ec facendo abbiamo creato 3 oggetti IBOutlet di tipo UIView che saranno collegati alle nostre viste che definiremo successivamente tramite Interface Builder. Abbiamo inoltre dichiarato i 3 metodi che ci permetteranno di navigare tramite le viste della nostra applicazione e che collegheremo ai 3 UIButton che implementeremo nella nostra interfaccia tramite IB pi\u00f9 avanti. Apriamo ora il file di implementazione della nostra classe, “controllerViste.m” e inseriamo il codice dei metodi appena dichiarati nel file di interfaccia:<\/p>\n
\r\n@synthesize vistaUno, vistaDue, vistaTre;\r\n\r\n-(IBAction)vaiUno{\r\n\tself.view = vistaUno;\r\n}\r\n\r\n-(IBAction)vaiDue{\r\n\tself.view = vistaDue;\r\n}\r\n\r\n-(IBAction)vaiTre{\r\n\tself.view = vistaTre;\r\n}\r\n\r\n- (void)viewDidLoad {\r\n        [super viewDidLoad];\r\n\tself.view = vistaUno;\r\n}\r\n<\/pre>\n
Come vedete il codice per i 3 metodi \u00e8 molto semplice e non fa altro che mostrare la rispettiva vista. Abbiamo inoltre “scommentato” il metodo viewDidLoad e abbiamo impostato la vista principale che si aprir\u00e0 all’avvio dell’applicazione. Salviamo, apriamo “myViewAppDelegate.h” e modifichiamo il codice come segue:<\/p>\n
\r\n#import \r\n\r\n@interface myViewAppDelegate : NSObject  {\r\n        UIWindow *window;\r\n\tUIViewController *controllerViste;\r\n}\r\n\r\n@property (nonatomic, retain) IBOutlet UIWindow *window;\r\n@property (nonatomic, retain) IBOutlet UIViewController *controllerViste;\r\n\r\n@end\r\n<\/pre>\n
Abbiamo semplicemente aggiunto un oggetto di tipo “UIViewController” di nome “controllerViste” e dichiarato la rispettiva “property”. Apriamo quindi “myViewAppDelegate.m” e modifichiamolo come segue:<\/p>\n
\r\n#import \"myViewAppDelegate.h\"\r\n\r\n@implementation myViewAppDelegate\r\n\r\n@synthesize window, controllerViste;\r\n\r\n- (void)applicationDidFinishLaunching:(UIApplication *)application {    \r\n\r\n    \/\/ Override point for customization after application launch\r\n\t[window addSubview:controllerViste.view];\r\n        [window makeKeyAndVisible];\r\n}\r\n\r\n- (void)dealloc {\r\n\t[controllerViste release];\r\n        [window release];\r\n        [super dealloc];\r\n}\r\n\r\n@end \r\n<\/pre>\n
Per quanto riguarda il codice \u00e8 tutto. Apriamo Interface Builder facendo doppio click sul file “MainWindow.xib” e iniziamo a creare le nostre viste. Per prima cosa inseriamo un UIViewController e 3 UIView nel progetto facendo semplicemente doppio click su questi oggetti dalla “Library”. Trasciniamo quindi la prima vista dentro il nostro UIViewController. Dobbiamo ottenere una configurazione come quella mostrata in figura (non fate caso al nome “Controller Viste” in figura, voi al suo posto avrete “View Controller”):<\/p>\n

\n\"t009_IB_01\"
\n<\/center><\/p>\n
Clicchiamo quindi su “View Controller”, apriamo la finestra “View Controller Identity” e selezioniamo “controllerViste” dall’elenco a scelta multipla “Class”. Apriamo ora le UIView una alla volta e inseriamo all’interno di ognuna 1 UILabel, impostado la sua propriet\u00e0 “Text” con il numero che identifica la vista, e 2 UIButton inserendo nella propriet\u00e0 “Title” rispettivamente “Vai alla vista 1”, “Vai alla vista 2” o “Vai alla vista 3” in base alla View in cui vi trovate. Dovete ottenere 3 View simili all’esempio qui sotto:<\/p>\n

\n\"t009_IB_03\"
\n<\/center><\/p>\n
Ora dobbiamo effettuare i collegamenti tra gli oggetti appena creati e i rispettivi dichiarati via codice in Xcode. Cliccate quindi su “Controller Viste” e dalla finestra “Controller Viste Connection” effettuate i collegamenti come mostrato nella prossima immagine:<\/p>\n

\n\"t009_IB_02\"
\n<\/center><\/p>\n
Collegando i metodi ai pulsanti, che come potete vedere hanno collegamenti multipli, fate attenzione a selezionare “Touch Up Inside” dal men\u00f9 che compare rilasciando il mouse durante il collegamento. Fate inoltre attenzione a collegare correttamente le viste. Per l’ultimo collegamento in figura, nella categoria “Referencing Outlets”, dovete cliccare su “My View App Delegate” e dalla finestra “My View App Delegate Connections” collegate l’Outlet “controllerViste” con “Controller Viste”. Potete ora salvare e chiudere Interface Builder. Torniamo su Xcode e premiamo “Build and Run” per testare la nostra applicazione su iPhone Simulator o direttamente sul nostro dispositivo. Il risultato \u00e8 mostrato nella prossima e ultima immagine:<\/p>\n

\n\"t009_IS\"
\n<\/center><\/p>\n
<\/p>\n
Video Tutorial<\/h4>\n
 by David Pollak
\n<\/center><\/p>\n

\n<\/param><\/param><\/param><\/embed><\/object>
\n<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"
In questo tutorial vedremo uno dei tanti modi possibili di gestire pi\u00f9 viste all’interno delle nostre applicazioni….<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[5,4,1,44,23],"class_list":["post-847","post","type-post","status-publish","format-standard","hentry","category-tutorial-pratici","tag-objective-c","tag-programmazione","tag-tutorial-pratici","tag-uiviewcontroller","tag-xcode"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=847"}],"version-history":[{"count":15,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/847\/revisions"}],"predecessor-version":[{"id":2785,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/847\/revisions\/2785"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=847"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=847"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}