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

530 Valid Hostname Is Expected When Setting Up IIS 10 For Multiple Sites

C Perror Example

Converting A String To Int In Groovy