android 如何在滚动 ListView 时隐藏 ActionBar?
How to hide ActionBar while scrolling ListView in android?
我需要创建一个带有 ListView
和 ActionBar
的 GUI,它会在向下滚动时隐藏,而在向上滚动时必须重新出现。
以下指南对我没有帮助:
- https://mzgreen.github.io/2015/06/23/How-to-hideshow-Toolbar-when-list-is-scrolling%28part3%29/
- https://github.com/ksoichiro/Android-ObservableScrollView
我需要这样的东西:
我建议使用 Google 的新支撑设计库。
将其添加到您的依赖项中:
compile 'com.android.support:design:22.2.0'
然后使用 AppBarLayout
和 NestedScrollView
。
对于你的 Toolbar
定义 app:layout_scrollFlags="scroll|enterAlways"
,它说它会在你滚动时消失,如果你向上滚动会立即返回(意味着你不必一直向上滚动) .
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:layout_scrollFlags="scroll|enterAlways" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="fill_vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<FrameLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</android.support.v4.widget.NestedScrollView>
您应该使用 CoordinatorLayout
完成此任务。它是支持设计库的一部分。 Here,在 CoordinatorLayout 和应用栏 部分,您可以找到示例
如果您想获得具有此行为的列表,您应该:
- 添加设计支持库
compile 'com.android.support:design:22.2.0'
- 使用带有工具栏的
CoordinatorLayout
,您必须在其中定义 app:layout_scrollFlags="scroll|enterAlways"
- 使用
RecyclerView
而不是 ListView
。如所述 ListView
和 GridView
仅在 API>21 时才具有 CoordinatorLayout
的预期行为。在这种情况下,您必须使用 setNestedScrollingEnabled(true);
official blog post 显示这种情况:
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<! -- Your Scrollable View -->
<android.support.v7.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.Toolbar
...
app:layout_scrollFlags="scroll|enterAlways">
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
使用 [CoordinatorLayout]:https://developer.android.com/reference/android/support/design/widget/CoordinatorLayout.html,它允许子视图之间的协调。就像,当在另一个视图中观察到行为(ListView->scroll)时,在某个视图上执行(AppBarLayout->scrolling)。
使 Listview nestedScrollingEnabled,适用于 >API 21
android:nestedScrollingEnabled="true"
触发应用栏滚动的布局行为。
android:nestedScrollingEnabled="true"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
任何布局(ToolBar/TabLayout/any),需要show-hide/scroll,将其放置在 AppBarLayout 中,并启用滚动标志。
app:layout_scrollFlags="scroll|enterAlways"
我需要创建一个带有 ListView
和 ActionBar
的 GUI,它会在向下滚动时隐藏,而在向上滚动时必须重新出现。
以下指南对我没有帮助:
- https://mzgreen.github.io/2015/06/23/How-to-hideshow-Toolbar-when-list-is-scrolling%28part3%29/
- https://github.com/ksoichiro/Android-ObservableScrollView
我需要这样的东西:
我建议使用 Google 的新支撑设计库。
将其添加到您的依赖项中:
compile 'com.android.support:design:22.2.0'
然后使用 AppBarLayout
和 NestedScrollView
。
对于你的 Toolbar
定义 app:layout_scrollFlags="scroll|enterAlways"
,它说它会在你滚动时消失,如果你向上滚动会立即返回(意味着你不必一直向上滚动) .
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:layout_scrollFlags="scroll|enterAlways" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="fill_vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<FrameLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</android.support.v4.widget.NestedScrollView>
您应该使用 CoordinatorLayout
完成此任务。它是支持设计库的一部分。 Here,在 CoordinatorLayout 和应用栏 部分,您可以找到示例
如果您想获得具有此行为的列表,您应该:
- 添加设计支持库
compile 'com.android.support:design:22.2.0'
- 使用带有工具栏的
CoordinatorLayout
,您必须在其中定义app:layout_scrollFlags="scroll|enterAlways"
- 使用
RecyclerView
而不是ListView
。如所述ListView
和GridView
仅在 API>21 时才具有CoordinatorLayout
的预期行为。在这种情况下,您必须使用setNestedScrollingEnabled(true);
official blog post 显示这种情况:
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<! -- Your Scrollable View -->
<android.support.v7.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.Toolbar
...
app:layout_scrollFlags="scroll|enterAlways">
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
使用 [CoordinatorLayout]:https://developer.android.com/reference/android/support/design/widget/CoordinatorLayout.html,它允许子视图之间的协调。就像,当在另一个视图中观察到行为(ListView->scroll)时,在某个视图上执行(AppBarLayout->scrolling)。
使 Listview nestedScrollingEnabled,适用于 >API 21
android:nestedScrollingEnabled="true"
触发应用栏滚动的布局行为。
android:nestedScrollingEnabled="true" app:layout_behavior="@string/appbar_scrolling_view_behavior"
任何布局(ToolBar/TabLayout/any),需要show-hide/scroll,将其放置在 AppBarLayout 中,并启用滚动标志。
app:layout_scrollFlags="scroll|enterAlways"