31

我在 github 和此处使用基于此示例chrisbanes/cheesesquare的新 Android 设计库

我已经运行了该示例，但在 CheeseDetailActivity 中的工具栏出现问题。工具栏未按应有的方式显示。看看下面的图片：

在第一张图片中，您可以看到工具栏未正确显示。

在此处输入图像描述

在第二张图片中，您可以看到工具栏正确显示，但通知栏是白色的。发生这种情况是因为我从 active_detail.xml中删除android:fitsSystemWindows="true"了android.support.design.widget.CoordinatorLayout

在此处输入图像描述

我认为这fitsSystemWindows应该是正确的，并且问题与此有关，android.support.design.widget.AppBarLayout但我不知道如何解决此问题。我尝试了marginTop与相同的高度，notificationBar但它没有用。

任何建议表示赞赏:)

这是以下内容的一部分activity_detail.xml：

<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.CollapsingToolbarLayout>

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

5 回答 5

18

使用app文件夹中的新版本build.gradle文件更改您的设计库，例如：

编译'com.android.support:design:22.2.1'

在+AndroidDevelopers中更新

我得到如下输出：

在此处输入图像描述

它会帮助你。

谢谢 ：）

于 2015-07-18T07:00:47.477 回答
8

看起来这是com.android.support:design:22.2.0. 它将被修复，它被标记为未来版本。所以让我们希望它会很快。有问题的链接： https ://code.google.com/p/android/issues/detail?id=175240 和https://code.google.com/p/android/issues/detail?id=175069

于 2015-06-01T13:32:46.473 回答
1

与 windowActionBar 和 windowNoTitle 有同样的问题，并决定了我的问题。

<style name="AppTheme.base" parent="Base.Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
       <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>
于 2015-06-26T00:53:34.470 回答
0

以下是 API 21 的一些解决方法：

 if (Build.VERSION.SDK_INT == Build.VERSION_CODES.LOLLIPOP) {
    marginResult = 0;
    int resourceId = getResources().getIdentifier(getString(R.string.identifier_status_bar_height), getString(R.string.identifier_dimen), getString(R.string.identifier_android));    
    if (resourceId > 0) {
        marginResult = getResources().getDimensionPixelSize(resourceId)*2;
     }
    CollapsingToolbarLayout.LayoutParams params = (CollapsingToolbarLayout.LayoutParams) mToolbar.getLayoutParams();
    params.topMargin -= marginResult;
    mToolbar.setLayoutParams(params);}
于 2015-07-10T09:25:05.133 回答
0

我有同样的问题，我的工具栏在大于 21 的 API 级别上显示错误。我使用 android.support.v7.widget.Toolbar 作为 supportActionBar() 并且以下内容在片段中，请参见图片： 在应用程序启动时，工具栏正在显示错了 ，当我折叠android.support.design.widget.CollapsingToolbarLayout时，图片没有完全隐藏

当我将 android:fitsSystemWindows="true" 属性添加到工具栏所在的视图的根元素时，我解决了这个问题。

现在： 工具栏显示正常， 图片完全隐藏

于 2016-01-27T22:08:16.630 回答