Wrapping effect with 9 png, trying to make simple progress bar
<p>I'm making a simple progress bar. I have a full progress bar png on top of an empty progressbar png:</p>

<pre><code>&lt;RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="wrap_content" &gt;

  &lt;ImageView
    android:layout_width="fill_parent"
    android:layout_height="20dip"
    android:background="@drawable/empty.9.png"
    /&gt;

  &lt;ImageView
    android:layout_width="50dip" // some computed percentage width.
    android:layout_height="20dip"
    android:background="@drawable/full.9.png"
    /&gt;
</code></pre>

<p></p>

<p>It almost works - the idea was to set the "full" imageview's width to whatever percentage I need, since it's sitting on top of the empty one in the relative layout. </p>

<p>For some reason, the imageview is wrapping the graphic around on itself. Might be because it's a 9 png stretchable? The effect looks like the ImageView is drawing the first 50dip of the png, then moves back to its 0,0 coordinate, and draws the last 50dip of the png. Very strange! The png under it is fine, stretches as expected.</p>

<p>I basically just want to show N pixels worth of the full.9.png by setting the ImageView's width to a variable amount.</p>

<p>Thanks</p>
