1. Zuhause
  2. Frage und Antwort
  3. android 5.0 material design tabs

android 5.0 material design tabs

2014-10-21 8 views
45

Was ist die beste und einfache Möglichkeit, Material Design Style Tabs wie in der neuesten Google NewsStand App zu implementieren? Das ist genau das, was ich suche, aber ich weiß nicht, wo ich anfangen soll. Jede Hilfe/Richtung wird sehr geschätzt. Vielen Dank.android 5.0 material design tabs

Quelle

2014-10-21 nomongo

+0

Jetzt können Sie einfach 'TabLayout' in Android Support Design Library verwenden. – ywwynm

+0

Lollipop Tabs sind sehr einfach zu implementieren und einfach. Sie müssen die Support-Bibliothek für die Abwärtskompatibilität verwenden. Verweisen Sie dieses http://www.feelzdroid.com/2015/07/create-lollipop-tabs-in-android-example.html. Dies gibt Ihnen eine einfache Idee, wie Sie grundlegende Lollipop-Tabs implementieren können. – Naruto

Antwort

85

Dieser post von @ChrisBanes (Developer Programs Engineer for Android), die Situation mit der neuen Toolbar erklären.

So kann this Probe helfen.

Sowie this DevBytes Video.

Wenn Sie eine Bibliothek wollen, können Sie gehen this one, aber es ist nicht auf Material-Design aktualisiert (Ich gab es Gabeln, und wenn ich etwas Zeit habe, werde ich versuchen, es zu aktualisieren).

Sie können mehr Informationen über die neue API 21 in @ChrisBanes blog sowie the official android blog

EDIT finden: Sie können Materialdesign Registerkarten in diesem Repo finden jpardogo/PagerSlidingTabStrip:

I 4 Änderungen an der im Grunde tat Original-Bibliothek, so weit (Ich werde Toolbar hinzufügen und morgen etwas reparieren):

  1. Ändern Sie die Standardparameter des Tabs-Layout, um es aussehen zu lassen mehr Material.
  2. Der Indikator ist standardmäßig beim Durchziehen der Registerkarten zentriert.
  3. Der Alpha-Wert der Titel ändert sich je nach gewählter Position.

  4. Fähigkeit, CustomTabs zu übergeben, die die Schnittstelle'CustomTabProvider` in Ihrem Adapter implementieren.

    • Falls die CustomTab eine Ansicht mit id hat @+id/tab_title, wird es Gebrauch zu platzieren den Titel und alpha wirkt wie üblich sein.
    • Wenn diese Schnittstelle nicht implementiert ist, wird das Standard-Registerkartenlayout verwendet (TextView).

Wenn Sie möchten, dass Sie eine benutzerdefinierte Registerkarte mit Wellen unter Verwendung eines beliebigen dieser Bibliotheken verwenden können:

EDIT2: Ich habe die ActionBar für die neue Support-Bibliothek Tooolbar geändert. Ich habe Farben auch dynamisch auf die Registerkarten, die Symbolleiste und die Statusleiste angewendet. Sie können das Beispiel in Android 4.4.3 auf dem folgenden gif sehen.

Ich schickte eine PR mit meinen Änderungen. Wenn der ursprüngliche Projektinhaber die Maven-Bibliothek nicht aktualisiert und auf maven drückt, schiebe ich meine Bibliotheksgabel nach maven central.

material_tabs

Quelle

2014-10-21 12:28:09 jpardogo

+2

Danke @jpardogo für diese schöne Bibliothek. compile 'com.jpardogo.materialTrip: Bibliothek: 1. +' ist der Weg zu gehen. :) – Gopinath

3

Ich benutze das DrawerLayout, habe auf die neueste appcompat umgestellt, mit api 21 kompiliert und dieses Materialthema bekommen. Stellen Sie sicher, dass Sie die Schublade von v7 verwenden. Beschreibung: http://antonioleiva.com/material-design-everywhere/

Quelle

2014-10-21 12:02:50 Carsten

+1

appcompat unterstützt bereits Materialdesign? – amalBit

+0

Ja die neueste Version unterstützt diese – Carsten

7

Ich persönlich liebe jpardogo ‚s Bibliothek jpardogo/PagerSlidingTabStrip.

Eine Sache, die ich aber darin gefunden fehlt, ist allmählich ausbreitende Wirkung wie in gesehen: Material tabs with ripple effect

Also beschloss ich, meine eigene Bibliothek zu machen, basierend auf PagerSlidingTabStrip und mit anpassbaren Kräuselungeffekt: pizza/MaterialTabs.

Sie können auch eine Probe auf der Play Store finden, passen Sie Ihre Tabs dort, dann generieren Sie Ihren Code und exportieren Sie es sofort! :)

Quelle

2015-05-16 12:14:19 Karim

 Verwandte Themen

  • Keine verwandten Themen^_^