title: banded background with two colors?
body: <p>I am trying to create a bottom bar with the background like this :</p>
  
  <p><img src="https://i.stack.imgur.com/R6tQi.png" alt="enter image description here"></p>
  
  <p>I am currently using the following code  :</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  
  
      &lt;item&gt;
          &lt;shape&gt;
              &lt;gradient android:endColor="#000000" android:startColor="#696969"
                  android:centerColor="#696969" android:angle="270" /&gt;
              &lt;stroke android:color="#696969" /&gt;
              &lt;padding android:left="2dp" android:top="3dp" android:right="2dp"
                  android:bottom="3dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p>But the output looks like this ...  :</p>
  
  <p><img src="https://i.stack.imgur.com/9AAED.png" alt="enter image description here"></p>
  
  <p>How to get this ,two colored background ?
  Please suggest..
  Thanks </p>