状态栏后面的颜色,但保持透明度

时间:2017-02-24 11:39:34

标签: android toolbar material

所以我想要一个半透明的状态栏和导航栏,状态栏从工具栏中获取颜色,导航栏从显示内容的内容中获取颜色。

像这样:

enter image description here

然而,这可以通过一些hackery来实现:

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

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

        <View
            android:layout_width="match_parent"
            android:layout_height="300dp"
            android:background="@drawable/alt_grad"
            />

    </RelativeLayout>

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

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:fitsSystemWindows="true"
            ...
            />

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

        <android.support.v4.view.ViewPager
            ...
            />

    </RelativeLayout>

    ...

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

注意透明工具栏和带有300dp高度视图的tablayout不符合当时使用渐变的fitSystemWindows绘画。

如果没有这种类型的hackery,这就是我可以达到的目的:

enter image description here

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

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/alt_grad"
        android:fitsSystemWindows="true"
        >

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:fitsSystemWindows="true"
            />

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

        <android.support.v4.view.ViewPager
            ...
            />

    </RelativeLayout>

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

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

关于我如何能够做到这一点的任何想法?谢谢!

0 个答案:

没有答案