当滑动到不同的 viewpager 页面时，如何使以前使用 layout_scrollFlags 隐藏的工具栏再次可见

Question

目前，我有以下页面 ViewPager

当INFO选项卡中的页面滚动时，工具栏将被隐藏。此行为是通过 CoordinatorLayout、AppBarLayout 和 app:layout_scrollFlags

实现的

<?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:layout_width="match_parent"
    android:layout_height="match_parent">


    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:elevation="0dp"
        android:elevation="0dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" >

        <android.support.v7.widget.Toolbar
            app:layout_scrollFlags="scroll|enterAlways|snap"

            android:id="@+id/toolbar"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:minHeight="?attr/actionBarSize"
            android:background="@android:color/transparent"
            app:elevation="0dp"
            android:elevation="0dp"
            app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

        <android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabIndicatorColor="?attr/detailedStockTabIndicatorColor" />
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

所以，这是滚动后的样子。

滚动后，隐藏工具栏

由于这是 ViewPager，如果我滑动到 FINANCIAL 选项卡，它将如下所示。

然后滑动

因为 FINANCIAL 选项卡中的页面不可滚动，我们希望不要隐藏 Toolbar。

我想知道，当滑动到不同的 ViewPager 页面时，如何使以前使用 layout_scrollFlags 隐藏的工具栏再次可见？

Answer 1

你可以这样做:

final AppBarLayout appBarLayout = view.findViewById(R.id.app_bar_layout);
    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            if (position == 1)
                appBarLayout.setExpanded(true, true);
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    });

所以当 viewPager 处于不可滚动页面时，它会展开并出现工具栏

Answer 2

@Marzieh Heidari 的回答是这个问题的正确答案，但我分享了我在项目中使用的不同方法来解决这个问题。

在内容较短的片段中，我仍然在根部保留NestedScrollView。然后我仍然可以滚动 up/down 来折叠和展开工具栏

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    android:isScrollContainer="false"
    >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="This fragment have short content"
            android:textSize="100sp"
            />
    </LinearLayout>
</android.support.v4.widget.NestedScrollView>

希望对您有所帮助

Answer 3

也许应用程序生命周期事件可以帮助您捕捉新屏幕的负载并在此时以编程方式设置工具栏以显示？

Answer 4

您需要在用户滑动到第二个选项卡时展开工具栏并使工具栏不可滚动

mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        if(position == 1) {
            appbar.setExpanded(true, true);

            AppBarLayout.LayoutParams params =
                    (AppBarLayout.LayoutParams) toolbar.getLayoutParams();
            params.setScrollFlags(0);   // clear flags
            toolbar.setLayoutParams(params);
        } else {
            AppBarLayout.LayoutParams params =
                    (AppBarLayout.LayoutParams) toolbar.getLayoutParams();
            params.setScrollFlags(AppBarLayout.LayoutParams.SCROLL_FLAG_SCROLL
                    | AppBarLayout.LayoutParams.SCROLL_FLAG_ENTER_ALWAYS);
            toolbar.setLayoutParams(params);
        }
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }
});

Answer 5

您问了重复的问题。您的问题的答案可用

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            expandToolbar();
        }

        @Override
        public void onPageSelected(int position) {

        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    });

public void expandToolbar(){
    AppBarLayout appBarLayout = (AppBarLayout)findViewById(R.id.app_bar_layout);
    appBarLayout.setExpanded(true, true);
}

当滑动到不同的 viewpager 页面时，如何使以前使用 layout_scrollFlags 隐藏的工具栏再次可见

How to make toolbar visible again which is previous hidden using layout_scrollFlags, when swipe to different viewpager page

java

android

android-viewpager

android-tablayout

滚动后，隐藏工具栏

然后滑动