实施导航抽屉后,通知栏变灰

9
我正在尝试学习如何在Android中实现导航抽屉。在一个Activity中,我已经让导航抽屉出现在状态栏下方(透明),并且覆盖了应用程序栏,一切都很正常。(左侧截图) 在同一个应用程序的另一个Activity中,我正在尝试创建一个在应用程序栏下拉出的导航抽屉。但是,在这里,由于某种原因(无论导航抽屉是打开还是关闭),状态栏变成了灰色(右侧截图)。除此之外,一切似乎都很正常。以下是截图:
绿色的导航抽屉是一个fragment。 我想知道的是如何使状态栏恢复正常(较深的阴影)。请记住,如果我点击应用程序栏中的双箭头图标,它将带我进入另一个包含另一个类似于Material Design的导航抽屉的Activity(全屏高度,并出现在透明状态栏下方)。这显示在截图的左侧。以下是代码:
MainActivity.java:
public class MainActivity extends ActionBarActivity {
    Toolbar toolbar;
    DrawerLayout xDrawerLayout;

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

        toolbar = (Toolbar) findViewById(R.id.app_bar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayShowHomeEnabled(true);

        xDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        xDrawerLayout.setStatusBarBackgroundColor(getResources().getColor(R.color.primary_dark));

        NavDrawerFragment mfragment = (NavDrawerFragment) getFragmentManager().findFragmentById(R.id.nav_drawer_fragment);
        mfragment.SetUp(xDrawerLayout, toolbar, R.id.nav_drawer_fragment);
    }
...

activity_alt.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <include
        android:id="@+id/app_bar"
        layout="@layout/app_bar" />


    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/hello_world" />

        </RelativeLayout>

        <fragment
            android:id="@+id/nav_drawer_fragment"
            android:name="com.rt.droid.mattest.NavDrawerFragment"
            android:layout_width="@dimen/nav_drawer_width"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            tools:layout="@layout/fragment_nav_drawer" />


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

</LinearLayout>

NavDrawerFragment.java:

public class NavDrawerFragment extends Fragment {

    private ActionBarDrawerToggle mDrawerToggle;
    private DrawerLayout mDrawerLayout;
    public DrawerLearner yDrawerLearner;

    public NavDrawerFragment() {
        // Required empty public constructor
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View fView = inflater.inflate(R.layout.fragment_nav_drawer, container, false);
        //fView.setFitsSystemWindows(true);
        fView.setBackgroundColor(getResources().getColor(R.color.accent));
        return fView;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    public void SetUp(DrawerLayout drawerLayout, Toolbar toolbar, int frag_id) {
        this.mDrawerLayout = drawerLayout;
        View drawerFrag = getActivity().findViewById(frag_id);
        mDrawerToggle = new ActionBarDrawerToggle(getActivity(), mDrawerLayout, toolbar, R.string.drawer_open, R.string.drawer_close) {
            @Override
            public void onDrawerOpened(View drawerView) {
                super.onDrawerOpened(drawerView);
                getActivity().invalidateOptionsMenu();
            }

            @Override
            public void onDrawerClosed(View drawerView) {
                super.onDrawerClosed(drawerView);
                getActivity().invalidateOptionsMenu();
            }
        };

        yDrawerLearner = new DrawerLearner(mDrawerLayout, drawerFrag, getActivity());
        yDrawerLearner.execute();

        this.mDrawerLayout.setDrawerListener(mDrawerToggle);
        mDrawerLayout.setStatusBarBackgroundColor(getResources().getColor(R.color.primary_dark));

        mDrawerLayout.post(new Runnable() {
            @Override
            public void run() {
                mDrawerToggle.syncState();
            }
        });

    }
}

fragment_nav_drawer.xml:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.rt.droid.mattest.NavDrawerFragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="@string/hello_blank_fragment" />

</FrameLayout>

app_bar.xml:

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/primary"
    app:popupTheme="@style/AppTheme.PopupMenu"
    android:theme="@style/AppTheme.Toolbar">

</android.support.v7.widget.Toolbar>

styles.xml:

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="AppTheme.Base">
        <!-- Customize your theme here. -->
    </style>

    <style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/primary</item>
        <item name="colorPrimaryDark">@color/primary_dark</item>
        <item name="colorAccent">@color/accent</item>
    </style>

    <style name="AppTheme.Toolbar" parent="ThemeOverlay.AppCompat.Dark">
        <item name="android:textColorPrimary">@color/primary_text</item>
        <item name="android:textColorSecondary">@color/accent</item>
    </style>

    <style name="AppTheme.PopupMenu" parent="ThemeOverlay.AppCompat.Dark">
        <item name="android:background">@color/accent</item>
    </style>

</resources>

styles.xml(v21):

<resources>
    <style name="AppTheme" parent="AppTheme.Base">
        <!-- Customize your theme here. -->
        <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:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="android:windowTranslucentStatus">true</item>
    </style>

</resources>

colors.xml(显示颜色样本的截图):

colors.xml

注意:我不想牺牲其他导航抽屉的样式,以至于它们不工作。换句话说,我希望在同一个应用程序中两种类型的导航栏都能正常工作。

如果你需要任何信息,请让我知道,我会进行编辑(添加app_bar.xml和colors.xml以便更清楚理解)。


移除此代码:DrawerLayout.setStatusBarBackgroundColor(getResources().getColor(R.color.primary_dark)); - Krupal Shah
已移除但状态栏仍然是灰色的。 - rapidclock
那么问题就在工具栏中。 - Krupal Shah
首先,您能告诉我问题出在哪里吗? 我问这个问题的原因是因为同一个工具栏(app_bar)在同一应用程序中的另一个活动中可以正常使用(请参见第一个截图)。 我还编辑了问题以包括我的工具栏布局。 - rapidclock
1个回答

15

但是,在这里,状态栏出于某种原因变成了灰色

这是由于处于其下方的活动的白色背景上方的半透明(25%黑色)状态栏背景。

我想知道如何将状态栏恢复正常

您需要禁用第二个活动的半透明状态栏。可以通过在主题定义中删除以下行来实现:

<item name="android:windowTranslucentStatus">true</item>
<item name="android:statusBarColor">@color/primary_dark</item>

因此,要么定义一个子主题并使用false重写该标志,要么通过从您的活动中调用以下内容来以编程方式清除该标志:

if (Build.VERSION.SDK_INT >= 21) {
    getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    getWindow().setStatusBarColor(getResources().getColor(R.color.primary_dark);
}

在你的建议下,我进行了实验。你说得对,关于TranslucentStatus,我已经以编程方式将其关闭了。现在状态栏是白色的(因为它只是透明的)。我该如何关闭透明度并将其以primary_dark颜色(以编程方式)设置? - rapidclock
@rapidclock 不好意思,现在请您再看一下。 - Eugen Pechanec

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接