How to draw a rectangle with rounded corners using XML?

18,196

Solution 1

   <corners
    android:bottomLeftRadius="2dp"
    android:bottomRightRadius="2dp"
    android:topLeftRadius="2dp"
    android:topRightRadius="2dp" />

Solution 2

Create a draw-able resource:-

<?xml version="1.0" encoding="utf-8"?>
<!--  res/drawable/rounded_edittext.xml -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:padding="10dp">
<solid android:color="#FFFFFF"/>
<corners
 android:bottomRightRadius="15dp"
 android:bottomLeftRadius="15dp"
 android:topLeftRadius="15dp"
 android:topRightRadius="15dp"/>
</shape>

Set above in background of any view.

Share:
18,196
Mark Korzhov
Author by

Mark Korzhov

Updated on June 26, 2022

Comments

  • Mark Korzhov
    Mark Korzhov almost 2 years

    Here is markup snippet for drawing rectangle with four rounded corners:

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
    
        <solid android:color="#fff"></solid>
    
        <padding
            android:bottom="5dp"
            android:left="-1dp"
            android:right="-1dp"
            android:top="5dp"></padding>
    
        <corners android:radius="2dp"></corners>
    
    </shape>
    

    But if I want to round the corners on one side only (two corners), how can I do it?

    Thanks.