can`t hide toolbar when webview scrolling

Question

How to hide toolbar, when scrolling webview? I know, that webview must be in NestedScrollView and CoordinatorLayout, toolbar - in AppBarLayout.But I really cant to do it.

If anybody can help me, I would be very grateful.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/coordinatorLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/main_appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <include
            android:id="@+id/toolbar"
            layout="@layout/toolbar"
            android:layout_width="match_parent"
            android:layout_height="@dimen/custom_toolbar_size" />

    </android.support.design.widget.AppBarLayout>


    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="@dimen/custom_tablayout_size"
        android:layout_gravity="bottom"
        android:background="@color/toolbarColor"
        app:tabIndicatorHeight="0dp"
        >

        <android.support.design.widget.TabItem
            android:id="@+id/ti_arrow_back"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@drawable/ic_arrow_back" />

        <android.support.design.widget.TabItem
            android:id="@+id/ti_arrow_forward"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@drawable/ic_arrow_forward" />

        <android.support.design.widget.TabItem
            android:id="@+id/ti_update"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@drawable/ic_update" />

        <android.support.design.widget.TabItem
            android:id="@+id/ti_inset"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@drawable/ic_inset" />

        <android.support.design.widget.TabItem
            android:id="@+id/ti_star"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@drawable/ic_star_border" />

    </android.support.design.widget.TabLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        android:layout_marginBottom="@dimen/custom_tablayout_size"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <WebView
            android:id="@+id/webview"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

toolbar.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/custom_toolbar_size"
    android:background="@color/toolbarColor"
    android:paddingTop="2dp"
    app:layout_scrollFlags="scroll|enterAlways" />

See this: http://stackoverflow.com/questions/28770530/how-to-hide-actionbar-toolbar-while-scrolling-down-in-webview — Tosin Onikute, Dec 01 '16 at 14:33
@HtmlTosin I`ve seen it, but it doesn`t help me. I`ve tried several times — Ilya, Dec 01 '16 at 14:40
then you should use onScrollListener and manually hide the toolbar — Tosin Onikute, Dec 01 '16 at 14:43
@HtmlTosin maybe u have some good example , thank in advance — Ilya, Dec 01 '16 at 14:46

score 0 · Answer 1 · edited May 23 '17 at 11:54

The solutions you have been trying didn't work because because your WebView is inside a NestedScrollView. An OnScrollListener for your WebView won't work too because of that reason.

So use a NestedScrollView listener, then use getSupportActionBar().hide(); and getSupportActionBar().show(); to hide or show your toolbar.

Copied from here: https://stackoverflow.com/a/37630070/1860982

        final String TAG = "ScrollPosition";
        NestedScrollView nestedScrollView = (NestedScrollView) findViewById(R.id.scrollNextView);
        if (nestedScrollView != null) {

            nestedScrollView.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() {
                @Override
                public void onScrollChange(NestedScrollView v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {

                    if (scrollY > oldScrollY) {
                        getSupportActionBar().hide();
                        Log.i(TAG, "Scroll DOWN");
                    }
                    if (scrollY < oldScrollY) {
                        Log.i(TAG, "Scroll UP");
                    }

                    if (scrollY == 0) {
                        getSupportActionBar().show();
                        Log.i(TAG, "TOP SCROLL");
                    }

                    if (scrollY == (v.getChildAt(0).getMeasuredHeight() - v.getMeasuredHeight())) {
                        Log.i(TAG, "BOTTOM SCROLL");
                    }
                }
            });
        }

Thank you for the answer, it works, but lags, when i try to scroll. how to make scroll smoother? — Ilya, Dec 01 '16 at 16:25

score -1 · Answer 2 · answered Dec 01 '16 at 16:00

-1

You can do this without any Java code using the design library's CoordinatorLayout and NestedScrollView. Here's how you do it.

answered Dec 01 '16 at 16:00

Med Amine Tazarki

1

"Here's how you do it" is missing an actual explanation of how? – D. Ben Knoble Dec 01 '16 at 16:10
I know, that I can do it without any Java code by using the design library`s components. As u`ve seen my question, I`ve tried to do this - unsuccessful. – Ilya Dec 01 '16 at 16:29
You can play around with with different layout_scrollFlags and fitsSystemWindows behaviour once you get the hang of it. – Med Amine Tazarki Dec 01 '16 at 16:32

can`t hide toolbar when webview scrolling

2 Answers2