滚动时将按钮固定在工具栏下方 android

Question

我需要像下面的视频一样向下滚动时在工具栏下方显示按钮。有样品吗？我尝试了很多但很困惑。

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

Answer 1

您可以使用两个工具栏，一个是 search view，一个是 widgets。

您设计如下。

<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>

然后你可以像下面那样在滚动条上隐藏一个

Complete Demo of hide toolbar on scroll.

Answer 2

你需要使用 CoordinatorLayout，你可以在这里找到一个很好的教程：

Tutorial

简而言之，您需要一个包含 AppBarLayout（必须是第一个 child）的 CoordinatorLayout，并且 AppBarLayout 必须包含两个这样的子节点：

<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>

第 app:layout_scrollFlags="scroll|enterAlways" 行让它如您所愿。

滚动时将按钮固定在工具栏下方 android

pin buttons below toolbar while scrolling android

android

scrollview

android-layout

android-appbarlayout