Android Shape With Gradient Border And Shadow


Answer :

Here you go

Create your layout

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:background="#c8c0c0"     android:orientation="vertical">       <LinearLayout         android:layout_width="120dp"         android:layout_height="120dp"         android:layout_centerInParent="true"         android:background="@drawable/my_rectangle">      </LinearLayout>  </RelativeLayout> 

Create my_rectangle.xml file inside drawable folder

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android">     <item>         <shape android:shape="rectangle">             <gradient                 android:angle="270"                 android:endColor="#000000"                 android:startColor="#FFFFFF" />             <corners android:radius="10dp" />             <padding                 android:bottom="5dp"                 android:left="5dp"                 android:right="5dp"                 android:top="5dp" />         </shape>     </item>     <item>         <shape android:shape="rectangle">             <solid android:color="#e95d11" />             <corners android:radius="10dp" />             <size                 android:width="50dp"                 android:height="50dp" />         </shape>     </item> </layer-list> 

The result

enter image description here

Notes

  1. I made it a 120 * 120 square, change the dimensions to make it rectangle
  2. I made the radius of the rounded corner as 10dp, change it if you want
  3. I made the padding as 5dp, you may change it as well

Cheers


Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable