2015-06-05 2 views
15

Я пытаюсь создать что-то похожее на виджет Google drop down month.Как создать раскрывающееся представление, такое как Календарь Google, используя панель инструментов?

enter image description here

Любая помощь будет очень ценна.

До сих пор у меня есть идея, что мне нужно использовать панель инструментов с расширяемой анимацией, но не уверен, что это правильное направление для перемещения.

+0

Какова минимальная поддержка API-интерфейсов API? – 55597

+0

Его часть поддержки дизайна lib теперь так должна поддерживать 2,3 и выше. – Varundroid

ответ

22

Я также пытался создать нечто похожее на приложение Google Calendar. Я пришел с этой реализацией: Demo of implementation

Я использую библиотеку CompactCalendarView для виджета месяца. И CollapsingToolbarLayout для выпадающего.

Вы можете просмотреть исходный код этой реализации на GitHub: https://github.com/GerritHoekstra/CompactCalendarViewToolbar

Основной макет можно найти here.

Надеюсь, это поможет вам в дальнейшем.

+0

Эй, я проверил ваш код и его очень похожий на мой. Моя проблема заключается в том, что анимация расширения панели инструментов довольно медленная, а ваша нет. Как вы это достигли? –

+0

Я задал вопрос: http://stackoverflow.com/questions/34527357/collapsingtoolbarlayout-expand-programmatically-animation-duration –

+0

Огромное вам спасибо! Гениальный трюк с множителем параллакса дал мне то, что я хотел. –

2

Пусть вы хотите взглянуть на 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> 

Я рекомендую вам следить за this awesome tutorial реализовать эту и другие интересные вещи о дизайне библиотеки. Надеюсь это поможет.