Prendendo spunto da un nostro vecchio articolo, in cui viene mostrato come applicare un effetto di transizione animato tra UIView (nell’esempio citato una rotazione della vista con conseguente passaggio ad altra view che appare come se fosse “dietro” quella di partenza) volevo segnalare, con questo veloce Tips di programmazione iPhone, come sostituire l’effetto “UIViewAnimationTransitionFlipFromRight” con un altra simpatica animazione che simula lo sfogliare delle pagine di un libro, anzi per essere precisi è più simile al movimento delle pagine di un blocchetto da appunti verso l’alto o il basso.
Per ottenere questo useremo: “UIViewAnimationTransitionCurlUp” ed il suo rispettivo opposto verso il basso “UIViewAnimationTransitionCurlDown”. Questi 2 effetti sono utili, quindi, se applicati ad esempio ad un’applicazione iPhone o iPad che funge da libro o documento in genere in cui la funzionalità principale sta nello sfogliare le pagine presenti al suo interno. Una piccola miglioria estetica che offrirà sicuramente un tocco più rifinito alla vostra applicazione, sfruttando il potenziale dei mezzi offerti gratuitamente da Apple.
Ma vediamo cosa dobbiamo fare per ottenere ciò di cui stiamo parlando. Molto semplice, non dovrete far altro che sostituire nel codice del precedente articolo (linkato sopra) il parametro settato in “setAnimationTransition”:
UIViewAnimationTransitionFlipFromRight
con:
UIViewAnimationTransitionCurlUp
Per andare avanti di una pagina, oppure con:
UIViewAnimationTransitionCurlDown
quando invece volete tornare indietro.
Come vedete niente di preoccupante, un Tips semplice e veloce che sicuramente potrà tornare utile a molti di voi!
Se avete problemi con il tips, ecco disponibile un progetto di esempio.
Ciao
Vanni
8 Responses to “TIPS#016 – Creare un effetto di transizione tra UIView “sfogliamo le pagine dei nostri documenti””
2 Novembre 2010
Tweets that mention Creare un effetto di transizione tra UIView | devAPP -- Topsy.com[…] This post was mentioned on Twitter by Rynox, iPadWorld.it and devAPP, Bubi Devs. Bubi Devs said: TIPS#016 – Creare un effetto di transizione tra UIView “sfogliamo le pagine dei nostri documenti”: Prendendo spunt… http://bit.ly/cn700p […]
2 Novembre 2010
MatFur92Ottimo direi!! Mi piace!! =)
non penso che la userò al momento ma magari la proverò 😉
2 Novembre 2010
MuffaHa i qualche suggerimento per fare in modo che l’animazione venga controllata con una gesture, tipo quella di iBooks?
2 Novembre 2010
FastDovreste fare un post con tutti i tipi di effetti x le transizioni che ci sono sia x iPhone che x ipad
2 Novembre 2010
El JobsoRagazzi, io vi amo XD Stavi cercando proprio questo 😀 Grazie tantissime!!! Non saprei come ringraziarvi 😉
2 Novembre 2010
ClegaMagari potresti iniziare a non pubblicare su App Store e a pagamento i tutorial di devAPP.. E senza neanche una citazione.. No comment..
Per tutti gli autori: complimenti e grazie per tutto quello che fate!! Siete grandi 🙂
2 Novembre 2010
RagazzettoX MatFur92
Grazie !
X Muffa
Penso sia già una cosa + complicata se non addirittura un API proprietaria di Apple ,
in ogni caso prova a postare un messaggio sul forum , sicuramente c’è qualcuno che ne sa + di me 😉
X Fast
per quanto riguarda il metodo usato da me e Luigi Marino le animazioni disponibili sono :
UIViewAnimationTransitionCurlDown
UIViewAnimationTransitionCurlUP
UIViewAnimationTransitionFlipFromRight
UIViewAnimationTransitionFlipFromLeft
in ogni caso trovi tutto anche un sample code da scaricare nelle iOS Reference Library di Apple 🙂
X Clega
Grazie a te 😉
15 Novembre 2011
DownloadRagazzi ho un problema (premetto che sono un neofita in sviluppo su iOS).
Stavo cercando di adattare questa soluzione al mio progettino ( che comprende due Viste, una con una WebView e un Toolbar, e l’altra con una semplice View e dei Button come voci del menu). Stavo cercando di implementare il cambio di View da codice senza utilizzare la StoryBoard, e cercando ho trovato questo Tip. Il problema si presenta al momento di cambiare View per l’appunto (tramite un IBAction richiamata dal Click di un Button nella Toolbar), viene tirata un’eccezione per la precisione:
Metodo Main della classe AppDelegate:
“Thread 1: Program received signal : “SIGABRT”” una volta fuori dal debug se si prova l’app al tap del button si verifica effettivamente la chiusura dell’App. Qualcuno sa darmi chiarimenti in merito?