如何让新的 NavigationView 与状态栏稀松布搭配得很好？

Question

我一直在玩 Google 的新设计支持库，真是太棒了！虽然在导航视图上我有点难过。我读到的所有内容都说 NavigationView 足够聪明，可以自行处理透明稀松布。（android-developers post，其中一个；搜索稀松布）。无论如何，当我尝试这样做时，我得到以下结果：

太棒了；正是我想要的。除了一件事。当抽屉关闭时，稀松布是一种丑陋的深灰色，而不是我的 primaryColorDark 。 . .

这是我的布局：

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true" >

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

    <LinearLayout
        android:id="@+id/linear_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <include layout="@layout/toolbar" />

        <fragment
            android:id="@+id/fragment"
            android:name="com.gmail.rixx.justin.envelopebudget.HomeFragment"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            tools:layout="@layout/fragment_home" />

    </LinearLayout>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="@dimen/fab_margin"
        app:backgroundTint="@color/accent"
        android:src="@drawable/ic_add_white_24dp" />

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

<android.support.design.widget.NavigationView
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    app:headerLayout="@layout/drawer_header"
    app:menu="@menu/drawer" />

</android.support.v4.widget.DrawerLayout>

Activity代码：

public class Home extends ActionBarActivity {

    private Toolbar mToolbar;
    private DrawerLayout mDrawerLayout;
    private Context mContext = this;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_home);

        setUpToolbar();
        setUpNavDrawer();

        findViewById(R.id.fab).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(mContext, NewTransactionActivity.class));
            }
        });
    }

    private void setUpToolbar() {
        mToolbar = (Toolbar) findViewById(R.id.toolbar);
        if (mToolbar != null) {
            setSupportActionBar(mToolbar);
        }
    }

    private void setUpNavDrawer() {
        if (mToolbar != null) {
            mDrawerLayout = (DrawerLayout)     findViewById(R.id.drawer_layout);

            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
            mToolbar.setNavigationIcon(R.drawable.ic_menu_white_24dp);
            mToolbar.setNavigationOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mDrawerLayout.openDrawer(GravityCompat.START);
                }
            });
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_home, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

和v21/styles：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="AppTheme.Base">
        <item name="android:colorPrimary">@color/primary</item>
        <item name="android:colorPrimaryDark">@color/primary_dark</item>
        <item name="android:colorAccent">@color/accent</item>
        <item name="android:textColorPrimary">@color/primary_text</item>
        <item name="android:textColorSecondary">@color/secondary_text</item>

        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@android:color/transparent</item>

    </style>
</resources>

我在 github 上模仿 Chris Banes 的 CheeseSquare 应用程序，但我没有得到我想要的行为。

我试过从 v21/styles 中删除 windowDrawsSystemBarBackgrounds 和 statusBarColor，我得到了正确的颜色，但状态栏永远不会透明：

帮助将不胜感激。这是新东西，所以我知道我们都在学习。

感谢阅读！

-贾斯汀

Answer 1

将此设置为您的 navigationView android:fitsSystemWindows="true" 这将确保导航位于 statusbar 之后并添加 colorAccent 到 style 到 values 文件夹中。

Answer 2

在为此苦苦挣扎了几个小时，并将我的代码与 cheesesquare 应用程序进行了大量比较之后，我发现了以下内容：DrawerLayout 必须具有属性 android:fitsSystemWindows="true"，而 NavigationView 也一样，但是 CoordinatorLayout 不应该。一旦我做了这些改变，它就奏效了。

谢谢大家，希望对大家有所帮助！

你可以看看我的布局代码here。

-贾斯汀

Answer 3

在您的样式文件中尝试使用 AppCompact 主题作为父主题 ...

 <style name="AppTheme" parent="Base.Theme.AppCompat">

希望对你有帮助..

Answer 4

您应该检查更新的SDK示例。

实际上，他们在 activity 中使用了 Coordinatorlayout，您想在 statusbar 下绘制并且该布局具有不同的主题，因为如果您将透明 statusbar其他没有根布局的活动 Coordinatorlayout 它将显示白色无色 statusbar。

Answer 5

将其设置为您的导航视图 android:fitsSystemWindows="false"

如何让新的 NavigationView 与状态栏稀松布搭配得很好？

How to get the new NavigationView to play nice with status bar scrim?

android

material-design

android-design-library

androiddesignsupport