Trapezoid drawable like in the picture?

Question

I want to design a xml layout as in the picture. So far I have rectangle shape how to make that sharp corners from xml.

 <?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/listview_background_shape">
    <stroke android:width="0dp" android:color="#4c71f5" />
    <padding android:left="0dp"
        android:top="0dp"
        android:right="0dp"
        android:bottom="0dp" />
    <corners android:radius="2dp" />
    <solid android:color="@color/colorAccent" />
</shape>

This post helped me a lot in creating a trapezium view https://arkapp.medium.com/trapezium-view-for-android-584799c7e849 With the help of this I was able to create a custom view with one edge as a slope. — abdul rehman, Nov 29 '20 at 09:53

score 0 · Answer 1 · answered Jan 05 '18 at 08:26

0

You can use something like below:

 <shape xmlns:android="http://schemas.android.com/apk/res/android">
     <gradient
        android:angle="270" />
    <corners
        android:radius="3dp" />
    <padding
        android:left="10dp"
        android:top="10dp"
        android:right="10dp"
        android:bottom="10dp" />
</shape>

and refer to this link, Good Example

answered Jan 05 '18 at 08:26

JNI_OnLoad

5,472
4
35
60

Now I'm curious to learn how a **rounded rectangle** will become a **trapezoid**... – Phantômaxx Jan 05 '18 at 08:28
@JNI_OnLoad Tried it didn't help need to create something like show in the picture still I am struggling with it – Chinthaka Devinda Jan 05 '18 at 08:39

Trapezoid drawable like in the picture?

1 Answers1