CoordinatorLayout 状态栏填充从 ViewPager 第二页消失
Posted
技术标签:
【中文标题】CoordinatorLayout 状态栏填充从 ViewPager 第二页消失【英文标题】：CoordinatorLayout status bar padding disappears from ViewPager 2nd page 【发布时间】：2015-09-30 20:33:11 【问题描述】：2016 年 1 月 2 日编辑：应该通过应用 android 团队提供的代码来解决错误：https://***.com/a/35132144/3397345，请参阅下面接受的答案。
27/01/2016 编辑： 在 v23.1.1 中仍未解决错误。到目前为止提供的解决方案不提供透明状态栏（这是此布局的目的）或过于复杂。此处提供了该错误的新屏幕记录：https://www.youtube.com/watch?v=76IxhlUx8MQ
23/07/2015 编辑： 支持设计库 v22.2.1 未修复 :-( 这也发生在 MainActivity 的工具栏快速返回上！
28/07/2015 编辑： 链接问题：CoordinatorLayout status bar padding disappears during fragment transactions
来自示例存储库https://github.com/chrisbanes/cheesesquare 我已经在 Detail Activity 上实现了 ViewPager。它可以工作，但状态栏从第二页消失，正如您在图片中看到的那样仅在棒棒糖设备中，知道吗？
我使用android:fitsSystemWindows="true"，但它只在第一页有效:-(
activity_detail_viewpager.xml 如果我放在这里 fitSystemWindows，StatusBar 不再透明，但它可以工作（状态栏填充不会丢失）。但我希望它透明！
<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_
android:layout_>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_
android:layout_
android:overScrollMode="ifContentScrolls"/>
</android.support.design.widget.CoordinatorLayout>
activity_detail_fragment.xml
<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_
android:layout_
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_
android:layout_
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_
android:layout_
android:fitsSystemWindows="true"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginStart="48dp"
app:expandedTitleMarginEnd="64dp">
<ImageView
android:id="@+id/back_item"
android:layout_
android:layout_
android:scaleType="centerCrop"
android:fitsSystemWindows="true"
app:layout_collapseMode="parallax" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_
android:layout_
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:layout_collapseMode="pin" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_
android:layout_
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<LinearLayout
android:layout_
android:layout_
android:orientation="vertical"
android:paddingTop="24dp">
<android.support.v7.widget.CardView
android:layout_
android:layout_
android:layout_margin="@dimen/card_margin">
...
</android.support.v7.widget.CardView>
...
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_
android:layout_
android:layout_margin="@dimen/fab_margin"
android:clickable="true"
android:src="@drawable/ic_discuss"
app:layout_anchor="@id/appbar"
app:layout_anchorGravity="bottom|end"
app:borderWidth="0dp"/>
</android.support.design.widget.CoordinatorLayout>
style.xml v21
<resources>
<style name="AppTheme" parent="AppTheme.Base">
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">@android:color/transparent</item>
</style>
</resources>
【问题讨论】：
已将问题发布到 Google：code.google.com/p/android/issues/detail?id=180492 - 其他人也确认了问题 【参考方案1】：Android 团队在回答我报告的缺陷时提出的解决方案。这段代码应该终于可以工作了。
ViewPager mViewPager;
ViewCompat.setOnApplyWindowInsetsListener(mViewPager,
new OnApplyWindowInsetsListener()
@Override
public WindowInsetsCompat onApplyWindowInsets(View v,
WindowInsetsCompat insets)
insets = ViewCompat.onApplyWindowInsets(v, insets);
if (insets.isConsumed())
return insets;
boolean consumed = false;
for (int i = 0, count = mViewPager.getChildCount(); i < count; i++)
ViewCompat.dispatchApplyWindowInsets(mViewPager.getChildAt(i), insets);
if (insets.isConsumed())
consumed = true;
return consumed ? insets.consumeSystemWindowInsets() : insets;
);
【讨论】：
三年后这个问题仍然发生。你知道谷歌讨论这个问题的任何线程吗？顺便说一句，很好的解决方案！【参考方案2】：像 sidecarcat 一样，我遇到了类似的问题（使用 v23.1.1）。 我在这里通过使用 sidecarcat 的代码发布了一个解决方法，并添加了一些代码以在某些情况下删除多余的填充。
// in onCreateView: adjust toolbar padding
final int initialToolbarHeight = mToolbar.getLayoutParams().height;
final int initialStatusBarHeight = getStatusBarHeight();
mToolbar.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener()
@Override
public void onGlobalLayout()
int[] locToolbar = new int[2];
mToolbar.getLocationOnScreen(locToolbar);
int yToolbar = locToolbar[1];
int topPaddingToolbar = mToolbar.getPaddingTop();
if (isAdded())
//normal case : system status bar padding on toolbar : yToolbar = initialStatusBarHeight && topPaddingToolbar = 0
//abnormal case : no system status bar padding on toolbar -> toolbar behind status bar => add custom padding
if (yToolbar != initialStatusBarHeight && topPaddingToolbar == 0)
mToolbar.setPadding(0, initialStatusBarHeight, 0, 0);
mToolbar.getLayoutParams().height = initialToolbarHeight + initialStatusBarHeight;
//abnormal case : system status bar padding and custom padding on toolbar -> toolbar with padding too large => remove custom padding
else if (yToolbar == initialStatusBarHeight && topPaddingToolbar == initialStatusBarHeight)
mToolbar.setPadding(0, 0, 0, 0);
mToolbar.getLayoutParams().height = initialToolbarHeight;
);
return mRootView;
public int getStatusBarHeight()
int result = 0;
int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
if (resourceId > 0)
result = getResources().getDimensionPixelSize(resourceId);
return result;
【讨论】：
【参考方案3】：我遇到了类似的问题（使用 v23.0.1）。就我而言，问题也出现在第一页上。我确定的解决方法是在创建片段时调整工具栏的填充和高度。
// in onCreateView: adjust toolbar padding
Toolbar toolbar = (Toolbar) mRootView.findViewById(R.id.toolbar);
toolbar.setPadding(0, getStatusBarHeight(), 0, 0);
toolbar.getLayoutParams().height = toolbar.getLayoutParams().height + getStatusBarHeight();
return mRootView;
public int getStatusBarHeight()
int result = 0;
int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
if (resourceId > 0)
result = getResources().getDimensionPixelSize(resourceId);
return result;
【讨论】：
很好，这是一个开始，并且某些东西开始起作用（作为修复），但是在某些页面上左右滚动会发生这种情况，现在填充是多余的，有没有办法知道状态栏填充再次可见以避免添加状态栏高度？我们应该检索状态栏的实际高度。我猜。【参考方案4】：似乎解决这个问题很简单
你有
android:fitsSystemWindows="true"
在片段CoordinateLayoutView中
将其从此处移除并放入 Activity 的根视图中。
现在应该一切正常
【讨论】：
您好，目的是为了透明，所以这个方案不能接受。我认为，设计库适用于普通和简单的情况，而在复杂情况下它有大问题（不仅是我的问题中描述的问题）。在 viewpager 的情况下，我几乎要放弃这个库了。 请给我看代码，如果那是 googlecode 上的图片，我有透明/状态栏颜色，那么看起来你可能在几个地方有 android:fitsSystemWindows="true"以上是关于CoordinatorLayout 状态栏填充从 ViewPager 第二页消失的主要内容，如果未能解决你的问题，请参考以下文章
半透明/透明状态栏 + CoordinatorLayout + Toolbar + Fragment
即使使用 windowTranslucentStatus 和 fitSystemWindows，CoordinatorLayout 也不会在状态栏后面绘制
Android - Fragment中CoordinatorLayout状态栏下的工具栏
CoordinatorLayout使用详解: 打造折叠悬浮效果
CoordinatorLayout + AppBarLayout + SwipeRefreshLayout在eclipse上使用的方法和问题记录
CoordinatorLayout + AppBarLayout + SwipeRefreshLayout在eclipse上使用的方法和问题记录