動畫是如何隱藏ActionBar並保持製表符的？

Question

在谷歌Play商店應用程序的版本5，滾動到內容，動作條上滾動，但標籤被固定在頂得上。

如何做到這一點？

前SCROLL

後SCROLL

Answer 1

看看這些鏈接（特別是第二個鏈接）：

Android google-play-liked listview

ListView with a (half- and or) hidable header

Answer 2

答案就在這裏：

https://github.com/ksoichiro/Android-ObservableScrollView：d

這個庫是非常適合我的情況非常別人，你自己回答你的問題

Answer 3

大;） 以下是另一個小提示： 爲選項卡使用分離佈局或將它們集成到工具欄中，然後僅轉換工具欄只要你能看到頂部的標籤。

Answer 4

正如其他人所建議的，使用ObservableScrollView來自：https://github.com/ksoichiro/Android-ObservableScrollView

嘗試把兩個Toolbar並在同一容器中SlidingTabStrip，然後動態顯示容器作爲用戶滾動ObservableScrollView，例如：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:tools="http://schemas.android.com/tools" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     tools:context=".MainActivity"> 

    <com.github.ksoichiro.android.observablescrollview.ObservableListView 
     android:id="@+id/listView" 
     android:layout_height="match_parent" 
     android:layout_width="match_parent"/> 

    <LinearLayout 
     android:id="@+id/toolbarContainer" 
     android:orientation="vertical" 
     android:elevation="10dp" 
     android:background="@color/material_deep_teal_200" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize"/> 

      <!--Placeholder view, your tabstrip goes here--> 
      <View 
       android:layout_width="wrap_content" 
       android:layout_height="48dp"/> 
    </LinearLayout> 
</FrameLayout> 

然後當你覆蓋ObservableScrollViewCallbacks時，你可以這樣做：

@Override 
public void onScrollChanged(int scrollY, boolean firstScroll, boolean dragging) { 

    toolbarContainer.animate().cancel(); 

    int scrollDelta = scrollY - oldScrollY; 
    oldScrollY = scrollY; 

    float currentYTranslation = -toolbarContainer.getTranslationY(); 
    float targetYTranslation = Math.min(Math.max(currentYTranslation + scrollDelta, 0), toolbarHeight); 
    toolbarContainer.setTranslationY(-targetYTranslation); 
} 

@Override 
public void onUpOrCancelMotionEvent(ScrollState scrollState) { 
    float currentYTranslation = -toolbarContainer.getTranslationY(); 
    int currentScroll = listView.getCurrentScrollY(); 

    if (currentScroll < toolbarHeight) { 
     toolbarContainer.animate().translationY(0); 
    } else if (currentYTranslation > toolbarHeight /2) { 
     toolbarContainer.animate().translationY(-toolbarHeight); 
    } else { 
     toolbarContainer.animate().translationY(0); 
    } 
} 

的onUpOrCancelMotionEvent東西是動畫容器，以防止在工具欄從僅爲一半示出/隱藏。

這裏有一個演示視頻僅供參考：https://drive.google.com/file/d/0B7TH7VeIpgSQSzZER1NneWpYa1E/view?usp=sharing