實現Toolbar滑動隱藏問題與解決

本文轉載自查看原文 2020-03-11 20:30 773 Android

前言

前些天看了很多app都有toolbar隨滑動隱藏或顯示，比如酷安。

效果挺棒的，想到了我之前的ListView Demo ，添加一個這樣的toolbar會是什么效果呢？【之前的Demo_ListView】

為了增加點東西，在listview的基礎上嵌套一個PagerView在外部。

實現

開始來添加toolbar,AppBar包裹的toolbar，這里用的包是androidx，如果你想用support，應使用android.support.v7.widget.Toolbar 和 android.support.design.widget.AppBarLayout ，

      <?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.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">


  <com.google.android.material.appbar.AppBarLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:theme="@style/AppTheme.AppBarOverlay">

      <androidx.appcompat.widget.Toolbar
          android:id="@+id/toolbar"
          android:layout_width="match_parent"
          android:layout_height="40dp"
          android:background="?attr/colorPrimary"
          android:minHeight="40dp"
          app:layout_scrollFlags="scroll|enterAlways"
          app:maxButtonHeight="25dp"
          app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />


  </com.google.android.material.appbar.AppBarLayout>


  <androidx.core.widget.NestedScrollView
      android:id="@+id/nscroll_view"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fillViewport="true"
      app:layout_behavior="@string/appbar_scrolling_view_behavior">


      <androidx.viewpager.widget.ViewPager
          android:id="@+id/activityViewPager"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:descendantFocusability="blocksDescendants" />

  </androidx.core.widget.NestedScrollView>

  <include layout="@layout/ite_tool_bar" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

遇到的問題和解決辦法

NestedScrollView下的ViewPager視圖被壓縮不顯示

NestedScrollView 設置

android:fillViewport="true"

ViewPager上部分被Toolba遮擋

NestedScrollView 設置了

app:layout_behavior="@string/appbar_scrolling_view_behavior"

toolbar就不會把ViewPager遮擋住。

修改好main_activity.xml之后效果是這樣的：

NestedScrollView與ListView滑動沖突

滑動ListView時出現了很影響體驗的問題，查找了許多文章，最后再這里找到了解決辦法【[Android CoordinatorLayout實戰案例學習《一》](https://www.jianshu.com/p/4b0f3c80ebc9)】 ```java listView.setNestedScrollingEnabled(true); ``` 文章的博主也說了另外一種方法是棄用ListView改為RecyclerView

完成后效果：