I would like to create a SlidingDrawer, which has a handle like this:

Until now i tought my solution was ok, which was:

1.) I created a 9 patch:

As you can see, the center part is not strechable, only the two sides (and the height, if needed). On most of the phones i got the desired result, shown above.

2.) Put it in this layout (just pseudo-code):

<SlidingDrawer (fullscreen)>
    <Button as handle (full width, backround the 9patch)/>
    <LinearLayout as content />
</SlidingDrawer> 

However, i tested the app on my friend's new Galaxy S3, and the result was something like this:

The part, which should be centered, was completely off one side. And i have no idea, why and it bugs me since then.

My Question:

• Is this the prefered way (9 patch with full width) to acomplish the look i want?
• If not, could someone suggest me a better solution?