两个工具栏,只有第二个应该在 CoordinatorLayout 滚动时折叠
Two Toolbars, Only the second one should collapse on scroll in CoordinatorLayout
我在 CoordinatorLayout 中有以下代码。这段代码基本上做的是它有两个工具栏,一个在另一个之上 See Image Here。我计划实现的是,当用户向下滚动时,只有第二个工具栏会折叠。
<android.support.design.widget.AppBarLayout
android:id="@+id/toolbar_home_appBarLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.Toolbar
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:id="@+id/toolbar"
android:background="?attr/colorPrimary"
app:theme = "@style/ThemeOverlay.AppCompat.Dark.ActionBar">
</android.support.v7.widget.Toolbar>
<android.support.v7.widget.Toolbar
app:layout_scrollFlags="scroll|enterAlways|snap"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/toolbar_filters"
android:background="@color/colorAccent"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:text="@string/category"
android:textSize="12dp"
style="@style/FlatButton"
android:id="@+id/toolbar_category_btn"
android:textColor="@android:color/white"
android:layout_height="wrap_content" />
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:text="@string/filter"
android:id="@+id/toolbar_filter_btn"
android:textSize="12dp"
android:textColor="@android:color/white"
style="@style/FlatButton"
android:layout_height="wrap_content" />
</LinearLayout>
</android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>
您可以使用 CollapsingToolbar 布局来实现此目的。它是 material 设计 UI 组件之一,当您想通过滚动折叠任何视图时,他们发布了该组件。按照下面的link了解它是如何工作的,
https://www.journaldev.com/13927/android-collapsingtoolbarlayout-example
在示例中使用工具栏而不是图像视图。
我在 CoordinatorLayout 中有以下代码。这段代码基本上做的是它有两个工具栏,一个在另一个之上 See Image Here。我计划实现的是,当用户向下滚动时,只有第二个工具栏会折叠。
<android.support.design.widget.AppBarLayout
android:id="@+id/toolbar_home_appBarLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.Toolbar
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:id="@+id/toolbar"
android:background="?attr/colorPrimary"
app:theme = "@style/ThemeOverlay.AppCompat.Dark.ActionBar">
</android.support.v7.widget.Toolbar>
<android.support.v7.widget.Toolbar
app:layout_scrollFlags="scroll|enterAlways|snap"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/toolbar_filters"
android:background="@color/colorAccent"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:text="@string/category"
android:textSize="12dp"
style="@style/FlatButton"
android:id="@+id/toolbar_category_btn"
android:textColor="@android:color/white"
android:layout_height="wrap_content" />
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:text="@string/filter"
android:id="@+id/toolbar_filter_btn"
android:textSize="12dp"
android:textColor="@android:color/white"
style="@style/FlatButton"
android:layout_height="wrap_content" />
</LinearLayout>
</android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>
您可以使用 CollapsingToolbar 布局来实现此目的。它是 material 设计 UI 组件之一,当您想通过滚动折叠任何视图时,他们发布了该组件。按照下面的link了解它是如何工作的,
https://www.journaldev.com/13927/android-collapsingtoolbarlayout-example
在示例中使用工具栏而不是图像视图。