\n
![\"T#021](\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/01\/t021_image01b.png\" "\\"t021_image01b\\"")
<\/a>\n<\/center><\/p>\n
Passiamo subito alla parte operativa.<\/p>\n
Dal menu File creiamo un nuovo file XIB (File -> New File \u2013> User Interface -> View Xib) ed assegniamogli un nome (nel nostro caso lo chiameremo “Info”).<\/p>\n
Sempre dal menu file creiamo i file che controlleranno la nostra vista il file di intestazione .h e quello di implementazione .m: File -> New File -> UiViewController SubClass. Chiamiamo anche questi file “Info”.
\nOtterremo cos\u00ec 3 nuovi file: Info.xib, Info.h ed Info.m.<\/p>\n
Apriamo il file Xib ed occupiamoci subito di assegnare al File\u2019s Owner la Class Identity, che nel nostro caso sar\u00e0 la classe appena creata “Info”. <\/p>\n
Per chi non fosse ancora pratico ripetiamo i passaggi da compiere:
\ncliccate due volte sul file Info.Xib, si aprir\u00e0 una finestra con una lista di oggetti (Files Ownwer, Fist Responder, View). Selezioniamo File\u2019s Owner e dal menu Tool selezioniamo Identity Inspector. Alla voce Class della sezione Class Identity inseriamo il nome della nostra classe, cio\u00e8 Info).<\/p>\n
Apriamo ora la view e personalizziamola come vogliamo.<\/p>\n
Inseriamo, dalla libreria, una Navigation Bar (menu Tools -> Library) ed un Bar Button Item che sar\u00e0 il “tastino” che consentir\u00e0 all’utente di passare alla seconda View.<\/p>\n
Apriamo nuovamente la Libreria ed inseriamo nel nostro file Info.Xib una nuova UIVIew, quindi personalizziamola. Sar\u00e0 proprio questa la seconda vista che andremo a caricare. Inseriamo anche qui una Navigation Bar ed un Bar Button Item che sar\u00e0 l’elemento che, alla pressione, ci permetter\u00e0 di ritornare alla vista precedente<\/p>\n
\n
<\/a>\n<\/center><\/p>\n
Fatta questa operazione passiamo a modificare i file .h e .m.<\/p>\n
Nel file di intestazione .h dichiariamo una nuova view (con un nome che identifichi la seconda view da richiamare) in questo modo:<\/p>\n
\r\nUIView *istruzioni;\r\n<\/pre>\ne settiamola come IBOutlet in questo modo :<\/p>\n
\r\n@property (retain,nonatomic) IBOutlet UIView *istruzioni;\r\n<\/pre>\ndichiariamo infine in due metodi che useremo per passare da una vista all’altra e che assegneremo ai pulsanti:<\/p>\n
\r\n-(void)showIstruzioniPage:(id)sender;\r\n-(void)removeIstruzioniPage:(id)sender;\r\n<\/pre>\nRitorniamo nuovamente al nostro Info.xib, facciamo doppio-clic sulla prima View e selezionando il File’s Owner dal menu Tools accediamo al Connection Inspector.<\/p>\n
Alla voce Outlets troveremo delle nuove voci, colleghiamo quindi la vista “istruzioni” (che costituisce la nostra seconda vista) alla seconda UIView creata in precedenza ed il metodo “showIstruzioniPage” al “Bar Button Item” inserito in precedenza nella Navigation della prima UIView.<\/p>\n
Apriamo ora la seconda View e colleghiamo il metodo “RemoveIstruzioniPage” al tasto, creato sulla navigation bar, che avremo designato come l’elemento che ci permetter\u00e0 di ritornare nuovamente alla vista precedente<\/p>\n
\n![\"t021](\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2010\/01\/t021_quinta.png\" "\\"t021_quinta\\"")
<\/a>
\n<\/center><\/p>\nIl lavoro \u00e8 quasi terminato, non resta che modificare il file di implementazione Info.m in questo modo:<\/p>\n
\r\n-(void)removeIstruzioniPage:(id)sender\r\n{\r\n\t[UIView beginAnimations:nil context:nil];\r\n\t[UIView setAnimationDuration:1.0];\r\n\t[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight\r\n\t\t\t\t\t\t forView:[self view]\r\n\t\t\t\t\t\t\t cache:YES];\r\n\t[istruzioni removeFromSuperview];\r\n\r\n\t[UIView commitAnimations];\t\t\r\n}\r\n\r\n-(void)showIstruzioniPage:(id)sender\r\n{\r\n\t\r\n\t[UIView beginAnimations:nil context:nil];\r\n\t[UIView setAnimationDuration:1.0];\r\n\t[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight\r\n\t\t\t\t\t\t forView:[self view]\r\n\t\t\t\t\t\t\t cache:YES];\r\n\t[[self view] addSubview:istruzioni];\r\n\t[UIView commitAnimations];\t\r\n\r\n}\r\n<\/pre>\nI metodi esposti sopra contengono due istruzioni fondamentali:<\/p>\n
\r\n[[self view] addSubview:istruzioni];\r\n<\/pre>\ne<\/p>\n
\r\n[istruzioni removeFromSuperview];\r\n<\/pre>\nche scritte da sole permetterebbero ugualmente di passare da una vista all\u2019altra.<\/p>\n
Il restante codice, invece, ci permette di creare e applicare una piccola animazione per rendere il passaggio da una vista all’altra un po’ pi\u00f9 gradevole e meno netto.<\/p>\n
Alla prossima.<\/p>\n
\n![\"Friend](\"http:\/\/www.devapp.it\/wordpress\/wp-content\/uploads\/2012\/02\/FriendPhoneLocator-Banner.png\" "\\"FriendPhoneLocator_Banner\\"")
<\/a>
\n<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"In questo nuovo tutorial vedremo come passare da una view ad un’altra utilizzando un collegamento (ad esempio…<\/p>\n","protected":false},"author":46,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[90,91,5,4,1,63],"class_list":["post-1784","post","type-post","status-publish","format-standard","hentry","category-tutorial-pratici","tag-animazioni","tag-effetto-transizione","tag-objective-c","tag-programmazione","tag-tutorial-pratici","tag-uiview"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/1784","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\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=1784"}],"version-history":[{"count":9,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/1784\/revisions"}],"predecessor-version":[{"id":8556,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/1784\/revisions\/8556"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=1784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=1784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=1784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}