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

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Can Feynman Diagrams Be Used To Represent Any Perturbation Theory?