2015-06-05 11 views
15

Sto provando a creare qualcosa di simile al widget del menu a discesa di Google Calendar.Come creare una vista a cascata come Google Calendar usando la barra degli strumenti?

enter image description here

Qualsiasi aiuto sarebbe molto apprezzato.

Finora ho un'idea che ho bisogno di usare la barra degli strumenti con animazione espandibile ma non sono sicuro che sia la giusta direzione in cui entrare.

+0

Qual è il livello minimo di API che supporta la barra degli strumenti di compressione? – 55597

+0

La sua parte di lib di supporto alla progettazione ora dovrebbe supportare anche la versione 2.3 e successive. – Varundroid

risposta

22

Stavo anche cercando di creare qualcosa di simile all'app Google Calendar. Sono arrivato con questa implementazione: Demo of implementation

Io uso la libreria CompactCalendarView per il widget del mese. E CollapsingToolbarLayout per il menu a discesa.

È possibile visualizzare l'origine di questa implementazione presso GitHub: https://github.com/GerritHoekstra/CompactCalendarViewToolbar

Il layout principale può essere trovato here.

Spero che questo ti aiuti ulteriormente.

+0

Ehi, ho controllato il tuo codice ed è abbastanza simile al mio. Il mio problema è che l'animazione di espansione della barra degli strumenti è piuttosto lenta, la tua no. Come hai realizzato questo? –

+0

Ho creato una domanda chiedendola: http://stackoverflow.com/questions/34527357/collapsingtoolbarlayout-expand-programmatically-animation-duration –

+0

Grazie mille! L'ingegnoso trucco con il moltiplicatore della parallasse mi dava quello che volevo. –

2

maggio si vuole dare un'occhiata a CollapsingToolbarLayout

<android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapsingToolbarLayout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed" 
      app:expandedTitleMarginStart="64dp" 
      app:contentScrim="?attr/colorPrimary"> 
      <CalendarView 
       android:layout_width="match_parent" 
       android:layout_height="256dp"></CalendarView> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       android:minHeight="?attr/actionBarSize" 
       app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light" 
       app:layout_collapseMode="pin"/> 

     </android.support.design.widget.CollapsingToolbarLayout> 

vi consiglio di seguire this awesome tutorial per implementare questa e altre cose interessanti di Design Library. Spero che questo ti aiuti.