最简单的在某个Fragment中的WebView里滑动隐藏、显示Toolbar的方法——CoordinatorLayout、NestedScrollView与WebView的嵌套使用

最近在做一个app时遇到了这样一个问题：

我采用了Navigation侧边栏切换Fragment，其中一个Fragment就需要用到WebView，需求是这个Fragment 里面的WebView滑动的时候Toolbar能够自动隐藏，然而弄了很久也没有办法实现。其中有一个办法能够解决单一页面下的WebView滑动时toolbar 自动隐藏，见https://blog.csdn.net/m5314/article/details/68943869。

他是写了一个继承WebView的控件NestedScrollWebView来实现对CoordinatorLayout+AppBarLayout的支持。不过，由于我的Fragment有很多个，切换Fragment的时候是把欲切换的Fragment应用到id为layout_fragment的一个框架布局上，而只是其中一个需要用到WebView，他这个若是替换掉我的框架布局的话其他几个Fragment都不能显示了。因此不能够使用他写的这个控件来实现对某一个fragment的toolbar隐藏了。

在网上看了很多资料也没能解决我的问题，网上的toolbar隐藏的例子都是利用recyclerPage或者ListView配合CoordinatorLayout、AppBarLayout来实现滑动时Toolbar的隐藏、显示，这明显不符合我的需求。

想要的效果是这样的（不知为何不能显示动图？脑补一下随着滑动webview, toolbar会自动隐藏吧.....：

直接上解决办法：

创建了一个Demo为例，styles.xml的代码如下（注意是NoActionBar）：

main_activity.xml的代码如下：

xml version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

            android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary">

                    android:text="假装我是toolbar"
            android:textColor="#ffffff"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:gravity="center_vertical"
            android:paddingStart="10dp"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways|snap" />
    

            android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        
                    android:id="@+id/your_fragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            
            <WebView
                android:id="@+id/web_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
        

    

MainActivity.java的代码如下：

package com.example.asus.demo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        WebView webView = (WebView) findViewById(R.id.web_view);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebViewClient(new WebViewClient());
        webView.loadUrl("http://www.baidu.com");
    }
}