SlidingDrawer using a 9 patch handle image.

Question

How do I achieve the following?

The first image shows the result I want to achieve. The second one is the current result I'm getting from my layout. Note The image I'm using is the one from android 1.6 jar.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
 <SlidingDrawer
    android:id="@+id/drawer"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:handle="@+id/handle"
    android:content="@+id/content">

 <ImageView
     android:id="@id/handle"
     android:src="@drawable/drawer_handle"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent" />

 <Button
    android:id="@id/content"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Button" />
 </SlidingDrawer>
</LinearLayout>

Answer 1

Found it, used the draw9patch tool and set the image width to the horizontal size of the screen.