【发布时间】：2015-12-28 05:33:09
【问题描述】：
我正在尝试使用具有scroll|exitUntilCollapsed 标志的CollapsingToolbarLayout 和具有scroll|enterAlways 滚动标志属性的TabLayout 进行布局。基本上我希望我的工具栏在滚动时被固定并显示和隐藏选项卡。我已经从https://github.com/chrisbanes/cheesesquare 修改了cheesesquare 应用程序。这是我的布局 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/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="@dimen/detail_backdrop_height"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
android:fitsSystemWindows="true">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginStart="48dp"
app:expandedTitleMarginEnd="64dp">
<ImageView
android:id="@+id/backdrop"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:fitsSystemWindows="true"
app:layout_collapseMode="parallax" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:layout_collapseMode="pin" />
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_scrollFlags="scroll|enterAlways"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
<android.support.design.widget.FloatingActionButton
android:layout_height="wrap_content"
android:layout_width="wrap_content"
app:layout_anchor="@id/appbar"
app:layout_anchorGravity="bottom|right|end"
android:src="@drawable/ic_discuss"
android:layout_margin="@dimen/fab_margin"
android:clickable="true"/>
</android.support.design.widget.CoordinatorLayout>
这是结果；
标签位置不正确。而且他们不关心 enterAlways 属性。
【问题讨论】：
-
你想让你的 TabLayout 在你的 AppBar 下方的哪个位置？
-
@BhaveshPatadiya 是的。在 AppBar 下方。
-
再澄清一点，只是为了简化 - 预期的滚动行为是什么？复述是否正确：首先图像以全高可见，然后滚动到工具栏。进一步滚动隐藏标签并保留工具栏？
-
@DmitryArc 是的。确切地。向下滚动会再次显示选项卡。
-
尝试将您的
TabLayout作为AppBarLayout的直接子代，而不是在CollapsingToolbarLayout中。
标签： android android-layout android-toolbar android-coordinatorlayout