2014-10-21 2 views
45

Qual è il modo migliore e più semplice per implementare schede di stile di progettazione dei materiali come nell'ultima app di Google NewsStand? Questo è esattamente quello che sto cercando ma non so da dove cominciare. Qualsiasi aiuto/direzione fornito è molto apprezzato. Grazie.schede di progettazione dei materiali di Android 5.0

+0

Ora puoi usare 'TabLayout' nella Libreria di progettazione di supporto Android. – ywwynm

+0

Le schede di lecca-lecca sono molto semplici da implementare e semplici da usare. È necessario utilizzare la libreria di supporto per la compatibilità con le versioni precedenti. riferirsi a questo http://www.feelzdroid.com/2015/07/create-lollipop-tabs-in-android-example.html. Questo darà un'idea semplice su come implementare le schede di base del lecca-lecca. – Naruto

risposta

85

Questa post di @ChrisBanes (Programmi Developer Engineer per Android) spiegare la situazione con la nuova barra degli strumenti.

Quindi il campione this può essere d'aiuto.

Così come this DevBytes video.

Se si desidera una libreria, è possibile andare per this one ma non è aggiornato al material design (l'ho modificato, e se ho tempo, cercherò di aggiornarlo).

È possibile trovare maggiori informazioni sulla nuova API 21 in @ChrisBanes blog così come the official android blog

EDIT: È possibile trovare le schede materiale di design in questo repo jpardogo/PagerSlidingTabStrip:

ho praticamente fatto 4 modifiche al libreria originale, fino ad ora (aggiungerò Toolbar e correggerò qualcosa domani):

  1. Modificare i parametri predefiniti del layout di schede per renderlo simile più materiale.
  2. L'indicatore è al centro per impostazione predefinita durante lo scorrimento delle schede.
  3. Il valore alfa dei titoli cambia in base alla posizione selezionata.
  4. Possibilità di passare customTabs che implementano l'interfaccia 'CustomTabProvider` nell'adattatore.

    • Nel caso il CustomTab hanno una vista con id @+id/tab_title, sarà utilizzato per posizionare il titolo e alfa agirà come al solito.
    • Se questa interfaccia non viene implementata, verrà utilizzato il layout Tab predefinito (TextView).

Se si desidera è possibile utilizzare una scheda personalizzata con increspature utilizzando qualsiasi di queste librerie:

EDIT2: Ho modificato l'ActionBar per la nuova libreria di supporto Tooolbar. Ho anche applicato i colori dinamicamente alle schede, alla barra degli strumenti e allo statusBar. Puoi vedere l'esempio che funziona in Android 4.4.3 sul seguente gif.

Ho inviato una PR con le mie modifiche. Se il proprietario del progetto originale non aggiorna la libreria di Maven e lo spinge in Maven, spingerò il mio fork della libreria a Maven Central.

material_tabs

+2

Grazie a @jpardogo per questa bellissima libreria. compile 'com.jpardogo.materialtabstrip: library: 1. +' è la strada da percorrere. :) – Gopinath

3

Sto usando DrawerLayout, sono passato all'ultima appcompat, compilato con api 21 e ho ottenuto questo tema materiale. Assicurati di utilizzare il cassetto dalla v7. Descrizione: http://antonioleiva.com/material-design-everywhere/

+1

appcompat supporta già il design del materiale ?? – amalBit

+0

Sì, l'ultima versione supporta questo – Carsten

7

Io personalmente amo jpardogo 's biblioteca jpardogo/PagerSlidingTabStrip.

Una cosa che ho trovato manca in esso però è effetto a catena come si è visto in: Material tabs with ripple effect

così ho deciso di fare la mia biblioteca, sulla base di PagerSlidingTabStrip, e con personalizzabile effetto a catena: pizza/MaterialTabs.

È inoltre possibile trovare un campione su Play Store, personalizzare le schede lì, quindi generare il codice ed esportarlo immediatamente! :)