Erstellen Sie UI wie Chrome für Android

Question

Ich möchte dieses Verhalten [https://github.com/gleue/TGLStackedViewController] in einer App implementieren, die ich versuche zu machen.

Die nächste Sache/der Effekt, den ich erreichen möchte, ist, wie sich der Google Chrome-Browser verhält.

1. Tile/Karten-Schnittstelle
2. Lage sein, eine Form der Navigation für den Zugriff (Zugriff andere tabs), wenn der Benutzer die Adressleiste nach unten zieht
3. der Lage sein, neu zu ordnen, um die Laschen in jeder beliebigen Reihenfolge der Benutzer wünscht

Foto von diesem Android Layout : How to implement a UI similar to deck of cards? SO Frage genommen

Gibt es jemanden da draußen, der versucht hat, diese Art von Verhalten zu implementieren? Kennst du Bibliotheken, die helfen können, diesen Effekt zu erzielen? Es wäre sehr hilfreich! Danke

Answer 1

Wenn Sie den AOSP-Code durchsehen möchten, ist die Funktionalität, nach der Sie suchen, tatsächlich Open-Source und Sie können sie in Android 5.0 auf dem Bildschirm der letzten Apps finden. This ist der Code, den Sie unter github ansehen möchten. Die Ansicht, die Sie aus AOSP extrahieren möchten, ist die RecentsView. Dies wäre der beste Ansatz.

Sie könnten auch in Erwägung ziehen, StackView zu erweitern und onLayout() zu überschreiben, damit Sie die Kinder zur Aufstellung bringen.

Eine andere Option besteht darin, ListView zu erweitern, drawChild oder Layout-Methoden zu überschreiben und zu versuchen, die Ansichten entsprechend ihrer Position zu verschieben. Sie können Inspiration finden here und here

Answer 2

systemUI/Recents Paket, wie Andrei erwähnt, kann Ihr Ausgangspunkt sein. Es fügt ein wenig mehr zur flachen Wiedergabe von Chrom-Tabs hinzu.

Ich habe Refactor systemUI/Recents Paket seitdem ich das L-Update bekam. Ich bin endlich dazu gekommen.

Ein Beispielprojekt ist bei gehosteten: Link

Auch wenn der Viewgroup rezykliert, aktualisiert er die Fortschritte Karte (Kinder Eigenschaften) für alle Kinder auf jedem Scroll-Schritt. Dies wird zu Verzögerungen bei großen Datensätzen führen. Für ein paar hundert sollte es in Ordnung sein. Das Beispielprojekt verwendet Picasso zum Laden und Zwischenspeichern von Bildern unter LoremPixel. Da diese zufälligen Bilder & wiederholen können, können Sie überprüfen, ob sie korrekt gebunden sind, indem Sie unten links auf das Bild schauen.