2015-06-05 16 views
15

Próbuję utworzyć coś podobnego do widżetu rozwijanego miesiąca Kalendarza Google.Jak utworzyć rozwijany widok, taki jak Kalendarz Google, korzystając z paska narzędzi Toolbar?

enter image description here

Każda pomoc będzie bardzo mile widziane.

Do tej pory mam pomysł, że muszę korzystać z paska Toolbar z rozwijaną animacją, ale nie jestem pewien, czy jest to właściwy kierunek.

+0

Jaki jest minimalny poziom zwijania paska narzędzi API? – 55597

+0

Jego część wsparcia projektowania lib teraz powinien więc obsługiwać 2.3 i wyżej. – Varundroid

Odpowiedz

22

Próbowałem też stworzyć coś podobnego do aplikacji Kalendarz Google. Korzystam z tej implementacji: Demo of implementation

Używam biblioteki CompactCalendarView dla widżetu miesiąca. I CollapsingToolbarLayout dla rozwijanego.

Można zobaczyć źródło tej realizacji na GitHub: https://github.com/GerritHoekstra/CompactCalendarViewToolbar

Główny układ można znaleźć here.

Mam nadzieję, że to pomoże ci dalej.

+0

Hej, sprawdziłem twój kod i jest całkiem podobny do mojego. Mój problem polega na tym, że animacja rozwijania paska narzędzi jest dość powolna, a twoja nie. Jak to osiągnąłeś? –

+0

Stworzyłem pytanie z pytaniem: http://stackoverflow.com/questions/34527357/collapsingtoolbarlayout-expand-programmatically-animation-duration –

+0

Dziękuję bardzo! Pomysłowy trik z mnożnikiem paralaksy dał mi to, czego chciałem. –

2

może chcesz przyjrzeć się 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> 

polecam śledzić this awesome tutorial do wdrożenia tego i innych ciekawych rzeczy o Bibliotece projektu. Mam nadzieję że to pomoże.

Powiązane problemy