Having some issues with 9patch image

Question

I am trying to make a chat bubble. So I tried to make a 9 patch image, But it's not getting auto stretched. So here is my 9 patch image ,

Google Drive Link

And here is my XML file of the chat bubble..

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/bubblee"
    >


        <TextView
            android:id="@+id/txt_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:maxWidth="300dp"
            android:padding="5dp"
            android:textColor="#000000"
            tools:text="lol" />



</RelativeLayout>

And this is how the current chat bubble looks,

Chat bubble image

I think I never made any 9 patch image before, so the problem is with the 9 patch image, tell me if i made any mistake :(

Thank you :3

Answer 1

You kept already a lot of width for your image so by default it will take that much width.

try to make small image from width and then check it if it works or not