Topbar make android lag while dragging images around
<p>I've a problem with my Android application, after I added a bagground to the topbar. I've uploaded a mockup image of the application here: <a href="http://i49.tinypic.com/15dxb41.png" rel="nofollow">http://i49.tinypic.com/15dxb41.png</a></p>

<p>If u take a look at the mockup, there is a list of images (cats) which the user can drag arround and they will swap position. The problem is when the following line is added to the sequence_bar, which make the whole swapping process starts to lag. (Everything runs smooth without main_topbar_gradient_bag added). </p>

<blockquote>
  <p>android:background="@drawable/main_topbar_gradient_bg"</p>
</blockquote>

<p>The following code for sequencebar:</p>

<pre><code>&lt;RelativeLayout 
        android:id="@+id/sequence_bar"
        android:layout_width="match_parent"
        android:layout_height="140sp"
        android:orientation="horizontal"
        android:background="@drawable/main_topbar_gradient_bg"&gt;
</code></pre>

<p>And the code for main_topbar_gradient_bg:</p>

<p>
</p>

<pre><code> &lt;!-- Drop Shadow --&gt;
 &lt;item&gt;
    &lt;shape&gt;
        &lt;padding android:bottom="2dp" /&gt;
        &lt;solid android:color="#0A9e6435" /&gt;
    &lt;/shape&gt;
&lt;/item&gt;
 &lt;item&gt;
    &lt;shape&gt;
        &lt;padding android:bottom="2dp" /&gt;
        &lt;solid android:color="#149e6435" /&gt;
    &lt;/shape&gt;
&lt;/item&gt;
 &lt;item&gt;
    &lt;shape&gt;
        &lt;padding android:bottom="2dp" /&gt;
        &lt;solid android:color="#1e9e6435" /&gt;
    &lt;/shape&gt;
&lt;/item&gt;


&lt;!-- Background --&gt;
&lt;item&gt;
    &lt;shape android:shape="rectangle"&gt;
        &lt;gradient
            android:startColor="#ffe498"
            android:endColor="#ffd96e"
            android:angle="270"
            android:type="linear"/&gt;
    &lt;/shape&gt;
&lt;/item&gt;
</code></pre>

<p></p>
