2012-08-24 7 views
11

Sto cercando di capire come creare un layout simile a quello della vista cronologia di Google. C'è un'animazione mentre si scorre nella timeline e mi piace molto. Qualche idea su come farlo?Animazione tessera Google Plus

enter image description here

risposta

12

È necessario impostare un TranslateAnimation per la vista e questo potrebbe fare il trucco per voi.

TranslateAnimation translateAnim = new TranslateAnimation(200, 0, 0, 0); 
//Use (0, 0, 200, 0) if you would like to animate this in a mobile device rather than a tab 
listView.clearAnimation(); 
translateAnim.setDuration(500); 
translateAnim.setFillBefore(true); 
listView.startAnimation(translateAnim); 

Spero che questo aiuti :)

+1

sì ho finalmente trovato un modo per raggiungere questa animazione. L'unico pensiero che non sono sicuro di come fare è l'effetto 3D sulle tessere. –

+0

Ciò richiede un'animazione composta. Ruota + Traduci. –

+0

non listview.StartAnimation appluisce l'animazione all'intero componente listview? e se vuoi solo animare gli elementi che appaiono sullo schermo? – jonney

1

avrei fatto il check out il codice di esempio carosello forniscono da google http://code.google.com/p/renderscript-examples/wiki/Carousel

Essenzialmente Quello che fa è crea una serie di tessere che possono essere strutturato da qualsiasi immagine per favore. Il codice è impostato fuori dagli schemi per eseguire un carosello cilindrico dall'esterno, ma puoi spostare il punto di vista e persino renderlo piatto come nell'esempio g + se lo desideri.

Una nota di cautela, a partire da Jellybean (4.1) Google ha deprecato i componenti grafici di renderscript. Abbiamo iniziato il processo di trasferimento di tutto il testo da renderscript a openGL nella nostra azienda, quindi assicuratevi di valutare se creare un nuovo codice con un'API deprecata ha senso per il vostro uso particolare.