title: Gradient from actionbar in to tabs
body: <p>I've googled for hours trying to find an answer to this seemingly obvious question but I can't even find another example of someone trying to do this. Is it possible to have a gradient extend from an Android actionbar down in to tabs as per the mock up below.</p>
  
  <p><a href="https://i.stack.imgur.com/NVIZJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NVIZJ.png" alt="enter image description here"></a></p>
  
  <p>Creating the gradient in the actionbar or the tabs is straightforward but a continuous gradient currently escapes me</p>
  
  <p>as requested here is the gradient xml</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;shape xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;gradient
          android:angle="135"
          android:endColor="@color/colorPrimary"
          android:startColor="@color/colorAccent" /&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>I've built the tabs like this but I haven't included any attempt at a gradient here as everything I have tried is so terrible its not worth posting. The closest I came was recreating the gradient but thats rubbish</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;menu
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:myapp="http://schemas.android.com/apk/res-auto"&gt;
      &lt;item android:id="@+id/item_menu_ok" 
            android:icon="@drawable/ic_action_ok"
            android:title="@string/ok" 
            myapp:showAsAction="ifRoom"&gt;&lt;/item&gt;
      &lt;item android:id="@+id/item_menu_cancel" 
            android:icon="@drawable/ic_action_cancel"
            android:title="@string/cancel" 
            myapp:showAsAction="ifRoom"&gt;&lt;/item&gt;
     &lt;item android:id="@+id/item_menu_third" 
            android:icon="@drawable/ic_action_third"
            android:title="@string/third" 
            myapp:showAsAction="ifRoom"&gt;&lt;/item&gt;
  &lt;/menu&gt;
  </code></pre>