Crea UI come Chrome per Android

Question

Voglio realizzare questo comportamento [https://github.com/gleue/TGLStackedViewController] in un app che sto cercando di fare.

La cosa più vicina/l'effetto che voglio ottenere è come il browser Google Chrome si comporta.

1. Tile/interfaccia scheda
2. Essere in grado di accedere a un modulo di navigazione (accesso altre schede) quando l'utente tira giù la barra degli indirizzi
3. in grado di ri-organizzare le schede in qualsiasi ordine i desideri degli utenti

Foto tratta da questo Android Layout : How to implement a UI similar to deck of cards? domanda SO

C'è qualcuno che ha provato a implementare questo tipo di comportamento? Ragazzi, conoscete qualche biblioteca che possa aiutare a raggiungere questo effetto? Sarebbe molto utile! Grazie

Answer 1

Se hai voglia di guardare attraverso il codice AOSP, la funzionalità che stai cercando è in realtà open source e puoi trovarla in Android 5.0 nella schermata delle app recenti. This è il codice che si desidera vedere su github. La vista che si desidera estrarre da AOSP è RecentsView. Questo sarebbe l'approccio migliore.

Si potrebbe anche prendere in considerazione l'estensione di StackView e l'override di onLayout() in modo da farli allineare ai bambini.

Un'altra opzione è quella di estendere ListView, sostituire o drawChild methots layout e cercare di spostare il punto di vista secondo la loro posizione. È possibile trovare qualche ispirazione here e here

Answer 2

systemUI/Recents pacchetto, come detto da Andrei, può essere il punto di partenza. Aggiunge un po 'di più alla versione piatta delle schede cromate.

Ho avuto intenzione di refactoring pacchetto systemUI/Recents da quando ho ricevuto l'aggiornamento L. Finalmente ci sono arrivato.

un progetto di esempio è ospitato presso: Link

Anche se il viewgroup ricicla, aggiorna la mappa corso (proprietà secondarie) per tutti i bambini in ogni passo di scorrimento. Ciò porterà a ritardi con set di dati di grandi dimensioni. Per poche centinaia, dovrebbe andare bene.

Il progetto di esempio utilizza Picasso per caricare e memorizzare nella cache le immagini da LoremPixel. Poiché si tratta di immagini casuali, & potrebbe ripetersi, è possibile verificare che siano collegate correttamente osservando in basso a sinistra nell'immagine.