How do I achieve the following xml layout?

Question

Layout made by me

Layout I want to achieve

orange_hollow_fill_round_corner.xml (Custom Drawable)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <corners android:radius="15dp" />

    <stroke
        android:width="1dp"
        android:color="@color/orange" />

    <size
        android:width="80dp"
        android:height="20dp" />

</shape>

I want to make custom drawable like shown below so that the it does not cut Earned Badges Text view.

Please ignore differences in corner and colors of my layout and layout that I want to achieve.

Answer 1

you can do it by just add background to textView (Earned Badges) this background has corner and black color by android:background="@drawable/your_custom_button" it will overlap on orange stork .

I hope it will help you .