Как заставить новый NavigationView хорошо играть с экраном строки состояния?

Я играл с новой библиотекой поддержки дизайна от Google, и это было потрясающе! Я просто немного запутался в представлении навигации. Все, что я читал, говорит о том, что NavigationView достаточно умен, чтобы работать с прозрачным холстом самостоятельно. (Пост android-developers, для одного ; поиск сетки). В любом случае, когда я попытался это сделать, я получил следующий результат:

Прозрачный холст

Что здорово; Именно то, что я хочу. Кроме одного. Когда ящик закрыт, холст становится уродливым темно-серым, а не моим основным цветом. . .

введите здесь описание изображения

Вот мой макет:

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

Код активности:

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/стили:

<?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>

Я смоделировал приложение CheeseSquare Криса Бейнса на github, но не получил желаемого поведения.

Я попытался удалить windowDrawsSystemBarBackgrounds и statusBarColor из v21/styles и получил правильный цвет, но строка состояния никогда не становится прозрачной:

введите здесь описание изображения

Помощь приветствуется. Это что-то новое, поэтому я знаю, что мы все учимся.

Спасибо за чтение!

-Джастин


person justinrixx    schedule 19.06.2015    source источник


Ответы (5)


После борьбы с этим в течение еще нескольких часов и тщательного сравнения моего кода с приложением cheesesquare я обнаружил следующее: DrawerLayout должен иметь атрибут android:fitsSystemWindows="true", а также NavigationView, но CoordinatorLayout не должен. Как только я внес эти изменения, это сработало.

Всем спасибо, надеюсь кому-нибудь пригодится!

Вы можете посмотреть мой код макета здесь.

-Джастин

person justinrixx    schedule 19.06.2015
comment
дасс!!!! Спасибо Спасибо. Я искал это часами. Документацию для поддержки и библиотеки дизайна поддержки очень трудно найти. Я нахожу, что многие вещи для Android плохо документированы. - person Phil; 20.11.2015
comment
Я думаю, что это может иметь нежелательный недостаток: если вы позже захотите, чтобы один из ваших фрагментов перешел в иммерсивный/полноэкранный режим, он будет ограничен тем фактом, что DrawerLayout на уровне активности настроен на размер самого себя, как если бы строка состояния и панель навигации видны. - person Mark McClelland; 08.12.2020
comment
Это работает для меня. Спасибо - person Parth Patel; 15.04.2021

установите это в свой navigationView android:fitsSystemWindows="false"

person Sỹ Phạm    schedule 14.05.2016
comment
Я тестировал на Nougat, он хорошо работает в двух случаях: android:fitsSystemWindows=true/false. но на Kitkat он должен установить android:fitsSystemWindows=false, чтобы NavigationView перекрывал строку состояния. - person HungNM2; 20.07.2017

Вам следует проверить новые примеры SDK.

на самом деле они используют Coordinatorlayout в activity, которые вы хотите нарисовать под statusbar, и имеют другую тему для этого макета, потому что, если вы поместите прозрачный statusbar для других действий, где у вас нет корневого макета Coordinatorlayout, он будет отображаться белым неокрашенным statusbar.

person Ioane Sharvadze    schedule 08.07.2015
comment
Этот ответ устарел, я предлагаю вам увидеть новый пример ящика. Загрузите новые образцы SDK и просто посмотрите, как это работает. Лично мне их решение тоже не нравится, потому что оно выглядит как хак, но оно намного лучше, чем мой текущий ответ. - person Ioane Sharvadze; 17.03.2016
comment
Спасибо за предложение. Я проверю это. - person diordna; 17.03.2016

установите это на свой navigationView android:fitsSystemWindows="true", это гарантирует, что навигация будет позади statusbar и добавить colorAccent к вашему стилю в папке values.

person Kosh    schedule 19.06.2015

В вашем файле стиля попробуйте использовать тему AppCompact в качестве родительской...

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

Я надеюсь, что это поможет вам ..

person Moinkhan    schedule 20.06.2015