Pin-Tasten unter der Symbolleiste beim Scrollen Android

Question

Ich muss Schaltflächen unterhalb der Symbolleiste anzeigen, während Sie nach unten wie unten Video. Irgendwelche proben? Ich habe viel versucht, aber verwirrt.

https://www.youtube.com/watch?v=enWVNP3Gifg

Answer 1

Sie können zwei Symbolleiste einen mit search view und einem mit widgets verwenden.

Sie entwerfen sein wie unten.

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

    <android.support.v7.widget.RecyclerView 
    android:id="@+id/recyclerView" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"/> 

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

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

    <ImageButton 
    android:id="@+id/fabButton" 
    android:layout_width="56dp" 
    android:layout_height="56dp" 
    android:layout_gravity="bottom|right" 
    android:layout_marginBottom="16dp" 
    android:layout_marginRight="16dp" 
    android:background="@drawable/fab_background" 
    android:src="@drawable/ic_favorite_outline_white_24dp" 
    android:contentDescription="@null"/> 

</FrameLayout> 

dann können Sie eine auf blättern wie verstecken unten

Complete Demo of hide toolbar on scroll.

Answer 2

Sie müssen CoordinatorLayout verwenden, die Sie ein gutes Tutorial in finden Sie hier:

Tutorial

Einfach gesagt, benötigen Sie einen CoordinatorLayout haben, die eine AppBarLayout enthält (die das erste Kind sein muss) und die AppBarLayout zwei chilren wie folgt enthalten:

<android.support.design.widget.AppBarLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"> 

      <android.support.v7.widget.Toolbar 
       .../> 
      <android.support.design.widget.TabLayout 
       android:id="@+id/tabLayout" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       app:layout_scrollFlags="scroll|enterAlways"/> 
     </android.support.design.widget.AppBarLayout> 

Die Linie app:layout_scrollFlags="scroll|enterAlways" macht es wie Sie es wollen.