如何使ToolBar和StatusBar渐变

Question

如何使ToolBar和StatusBar渐变为image1 This one I want所示，但是我将StatusBar和ToolBar变为image2 like this。如果您在第一张图像中观察到，ToolBar在endColor位置（ToolBar的底部）处为全梯度，但是ToolBar的第二张图像在ToolBar底部的第一张图像中未显示为完整渐变，并显示为一条直线。我的代码如下：

@drawable：

  

toolbar_product_gradient.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient android:type="linear"
        android:angle="270"
        android:startColor="#44000000"
        android:centerColor="#22000000"
        android:endColor="#00000000"/>
</shape>

  

带有工具栏的AppBarLayout

<android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="@null"
        android:theme="@style/AppTheme.Transparent"
        android:background="@drawable/toolbar_product_gradient" >

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbarProduct"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:minHeight="?attr/actionBarSize"
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:layout_scrollFlags="scroll|enterAlways|snap"
            app:contentScrim="@android:color/transparent"
      app:expandedTitleTextAppearance="@android:color/transparent"
            app:titleEnabled="true"
            app:popupTheme="@style/AppTheme.PopupOverlay" />
</android.support.design.widget.AppBarLayout>

请帮助我如何获取它，并提前致谢。