How to make a Shape in xml: 3 edges straight and 1 edge is round

Question

I want to make thi kind of Shape in XML, 3 edges straight and 1 edge is round.

I want the Blue Shape in the following image.

i tried this to no avail

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:padding="10dp">
<solid android:color="#FFFFFF"/>
<corners 
android:bottomRightRadius="0dp"
android:bottomLeftRadius="0dp"
android:topLeftRadius="15dp"
android:topRightRadius="15dp"/>
</shape>

Dude you should be posting what you've tried rather than asking for a answer. — StackUseR, Aug 23 '17 at 08:49
Well anyway better luck next time:). [Here](https://stackoverflow.com/questions/44274765/how-to-create-curved-bottom-border-rectangle-in-android) is what you're looking for. — StackUseR, Aug 23 '17 at 08:54
@AshishSrivastava Post it below as an answer, so I can mark accepted. — Umair Sajid Minhas, Aug 23 '17 at 09:02

score 1 · Accepted Answer · answered Aug 23 '17 at 09:10

Here is what you're looking for. So you can simply do this:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="48dp"
    android:height="48dp"
    android:viewportHeight="12"
    android:viewportWidth="12">

<path
    android:fillColor="@android:color/holo_red_light"
    android:pathData="M 2,9 C 2,9.5 4,10 6,10 C 8,10 10,9.5 10,9 L 10,0 2,0 2,8"
    android:strokeWidth="0.1"/>

score -1 · Answer 2 · answered Aug 23 '17 at 08:56

Try it!!

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#FFFFFF" />
<stroke
    android:width="1dp"
    android:color="#0bd9ff" />
<corners android:radius="10dip" />
<padding
    android:bottom="0dip"
    android:left="0dip"
    android:right="0dip"
    android:top="0dip" />
<size
    android:width="50dp"
    android:height="50dp" />
</shape>

How to make a Shape in xml: 3 edges straight and 1 edge is round

2 Answers2