user606669 user606669 - 4 years ago 140
Android Question

Rounded Inner corners with transparent inside frame

I am trying to make a frame from code so that I can apply it to make rounded inner corners with a solid fill outside and transparent inside. Just like a solid rectangle with transparent oval inside. picture attached. I have tried few shape combinations all that available online displays the corners outside.

enter image description here

The inside should be transparent not white.
The image is taken from this post but the solution presented here is not what I am looking for I dont want to use a 9 patch drawable but would like to be created in code.

Please valid answers only.

Answer Source

First of all, create 3 xml layout in drawable folder:

  1. First: frame.xml
  2. Second: frame_build.xml
  3. Third: red.xml

(You can change this name as you wish),


<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="">
    <item android:bottom="20dp" android:drawable="@drawable/red" android:top="-25dp" />
    <item android:bottom="15dp" android:drawable="@drawable/frame_build" android:top="5dp" android:left="-5dp" android:right="-5dp" />

frame_build.xml :

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="" android:shape="rectangle">
    <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" />
    <corners android:radius="40dp" />


<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="" android:shape="rectangle">
    <stroke android:width="40dp" android:height="40dp" android:color="#B22222" />
    <padding android:left="8dp" android:top="-1dp" android:right="8dp" android:bottom="9dp" />
    <corners android:radius="-10dp" />

Finally refer your view or layout to Frame XML as follow :


This tested and output as below image:

Output image

Hope this help .

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download