Android: how to mimic the pane separator from Google Reader?
<p><img src="http://i.stack.imgur.com/ctPag.png" alt="enter image description here"></p>

<p>The Google Reader app has a nice shadow used to separate the two panes.  I am trying to recreate this with very limited success.  I am using the below xml, which gives the screen shot that follows.  Any advice on improving this?</p>

<p>vertshadowgradient.xml</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"&gt;
&lt;gradient
android:startColor="#ffffff"
android:centerColor="#e6e6e6"
android:endColor="#c8c8c8"
android:angle="0" /&gt;
&lt;/shape&gt;
</code></pre>

<p>main.xml</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#FFFFFFFF"
    android:orientation="horizontal" &gt;
    &lt;View android:id="@+id/divider" 
        android:background="@drawable/vertshadowgradient"
        android:layout_marginLeft="200dip"
        android:layout_width="10dip" 
        android:layout_height="fill_parent"/&gt;
&lt;/LinearLayout&gt;
</code></pre>

<p><img src="http://i.stack.imgur.com/0M43J.png" alt="enter image description here"></p>
