在协调器布局中滚动时隐藏/显示选项卡栏/选项卡布局

时间:2016-06-02 14:57:06

标签: android xml android-layout

我想在协调器布局中向上/向下滚动时隐藏/显示标签栏(不是操作栏)。 我已经尝试实现与动作栏相同的技术,但它并不富有成效

这是我的xml代码段

<android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">


            <android.support.design.widget.AppBarLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

                <android.support.v7.widget.Toolbar
                    android:id="@+id/drawer_toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="?attr/colorPrimaryDark"
                    android:popupTheme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>
                <android.support.design.widget.TabLayout
                    android:id="@+id/tabs"
                    app:layout_scrollFlags="scroll"
                app:layout_behavior="@string/appbar_scrolling_view_behavior"
                    android:layout_width="match_parent"
                    android:background = "?attr/colorPrimaryDark"
                    android:layout_height="wrap_content"

                    />

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

它适用于应用栏,但不适用于标签栏。 怎么能实现呢? 请指教?

编辑:我只想滚动标签栏而不是应用栏。

2 个答案:

答案 0 :(得分:0)

属性app中使用的滚动标志:layout_scrollFlags必须启用才能使任何滚动效果生效。此标志必须与enterAlways,enterAlwaysCollapsed,exitUntilCollapsed或snap一起启用。

您可以使用

的组合
  

应用程式:layout_scrollFlags = “滚动| exitUntilCollapsed”

Check out this guide.

答案 1 :(得分:0)

也许将身高(和最小身高)设置为:?attr/actionBarSize

        <android.support.v7.widget.Toolbar
            android:id="@+id/drawer_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimaryDark"
            android:popupTheme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>