Vediamo una nuova moda nel design di applicazioni mobili, ovvero gli effetti parallax!
Parallax scrolling è una tecnica speciale di scorrimento in computer grafica, le immagini di sfondo hanno un movimento più lento rispetto alle immagini di primo piano, creando l’illusione di profondità e aggiungendo un effetto ad immersione.
Questo effetto da allo scorrimento della view principale (solitamente una sottoclasse di UIScroolView) un effetto completamente nuovo rispetto alle altre app.
Ecco una libreria basata su questo concetto, fornendo una categoria aggiunge l’effetto di parallasse per le UITableView.
Questo può sembrare uno svantaggio dato che opera in una table view piuttosto che UIView, ma questo controllo funziona con UITableViewStyle e anche fa in modo che l’headerView della tabella è un UIView con piene funzionalità, in grado di rispondere al tocco ed accogliere persino una scroll view al suo interno.
Ecco il set di immagini preso dal file README fornito dallo sviluppatore:
Puoi trovare ZGParallelView su Github qui.
Una buona libreria per coloro che desiderano implementare un effetto di parallasse.
Esempio
L’installazione della libreria è relativamente semplice:
- Trascina una copia dei file
UITableView+ZGParallelView.handUITableView+ZGParallelView.mnel progetto. - Importa il file di intestazione nel view controller che dovrà usarlo
- In
ViewDidLoad. Inizializzare la view in questo modo:
[code lang=”obj-c”]
– (void)addParallelViewWithUIView:(UIView *)aViewToAdd;
//oppure
– (void)addParallelViewWithUIView:(UIView *)aViewToAdd withDisplayRadio:(CGFloat )displayRadio;
//di default, displayRadio è 0.5
[/code]
- Nel
UITableViewDelegate, implementa inoltre questo metodoscrollViewDidScroll:(UIScrollView *)così:
[code lang=”obj-c”]- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
[self.tableView updateParallelView];
}[/code]