Custom shaped Linearlayout with curved side in android

Sumeet Darade picture Sumeet Darade · Apr 27, 2016 · Viewed 22.3k times · Source

I am trying to make a custom shaped linearlayout like below

enter image description here

I am trying to make only one side curved. Tried with corner radius but it doesn't give the same look as above.

Already tried this background shape as below :-

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

    <padding
        android:bottom="7dp"
        android:left="7dp"
        android:right="7dp"
        android:top="7dp" />

    <corners
        android:bottomLeftRadius="50dp"
        android:bottomRightRadius="50dp"
        android:topLeftRadius="0dp"
        android:topRightRadius="0dp" />
</shape>

it rounds only corners and on increasing the value shape is not preserved it gets too circular. I WANT CURVED line and not rounded corners

Answer

Alex Chengalan picture Alex Chengalan · Jan 8, 2018

Its very late already but this is for future seekers. I think vector drawables are the most perfect solution for this. Use below vector as background to get custom shaped bottom curved layout.

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="100.0"
android:viewportWidth="200.0">
<path
    android:fillColor="#YOUR_FAVORITE_COLOR"
    android:pathData="M200,0H0v4.5h0v75.8h0c17.8,10.2 56,17.2 100.5,17.2c44.5,0 81.6,-7 99.5,-17.2h0V4.5h0V0z" />