【问题标题】:How to make toolbar visible again which is previous hidden using layout_scrollFlags, when swipe to different viewpager page [duplicate]滑动到不同的viewpager页面时,如何使先前使用layout_scrollFlags隐藏的工具栏再次可见[重复]
【发布时间】:2018-03-08 05:03:57
【问题描述】:

目前,我有以下页面,ViewPager

INFO 选项卡中的页面滚动时,工具栏将被隐藏。此行为通过CoordinatorLayoutAppBarLayoutapp: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选项卡中的页面不可滚动,我们希望不要隐藏Toolbar

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

【问题讨论】:

    标签: java android android-viewpager android-tablayout


    【解决方案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 处于不可滚动页面时,它会展开并出现工具栏

    【讨论】:

    • 提醒一下,位置号。应该是 1,因为请求的展开工具栏是“财务”选项卡
    • @LongRanger 已编辑。谢谢:)
    【解决方案2】:

    您提出了重复的问题。你的问题的答案可用here

    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);
    }
    

    【讨论】:

      【解决方案3】:

      当用户滑动到第二个标签时,您需要展开工具栏并使工具栏不可滚动

      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) {
      
          }
      });
      

      【讨论】:

      • 这和我昨天回答的完全一样......
      【解决方案4】:

      也许应用程序生命周期事件可以帮助您,通过捕获新屏幕的负载并以编程方式在该点设置工具栏以显示?

      【讨论】:

        【解决方案5】:

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

        在内容较短的片段中,我仍然将NestedScrollView保留在根。然后我仍然可以向上/向下滚动以折叠和展开工具栏

        <?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>
        

        希望对你有帮助

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多