android - How can I draw this border? -
how can draw gradient border(border fade out transparent) , radial gradient background?
my code :
drawable/bg.xml radial gradient code here drawable/border.xml <item> <shape android:shape="rectangle"> <solid android:color="@android:color/holo_blue_light"/> <corners android:topleftradius="100dp" android:toprightradius="100dp"/> </shape> </item> <item android:left="3dp" android:right="3dp" android:top="2dp"> <shape android:shape="rectangle"> <solid android:color="@color/white"/> <corners android:topleftradius="100dp" android:toprightradius="100dp"/> </shape> </item> <item android:height="5dp" android:left="30dp" android:right="30dp"> <shape android:shape="rectangle"> <solid android:color="@color/colorprimary"/> <corners android:topleftradius="100dp" android:toprightradius="200dp"/> <gradient android:endcolor="@color/transparent" android:centercolor="@color/white" android:startcolor="@color/transparent"/> </shape> </item> <item> <shape android:shape="rectangle"> <gradient android:endcolor="@color/white" android:startcolor="@android:color/transparent" android:angle="-90" /> </shape> </item> i want result :
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <solid android:color="@android:color/holo_blue_light"/> <corners android:topleftradius="100dp" android:toprightradius="100dp"/> </shape> </item> <item android:left="3dp" android:right="3dp" android:top="2dp"> <shape android:shape="rectangle"> <solid android:color="@color/white"/> <corners android:topleftradius="100dp" android:toprightradius="100dp"/> </shape> </item> <item android:width="40dp" android:left="70dp" android:right="200dp"> <shape android:shape="rectangle"> <solid android:color="@color/colorprimary"/> <gradient android:endcolor="@color/white" android:startcolor="@color/transparent"/> </shape> </item> <item android:width="40dp" android:left="240dp" android:right="20dp"> <shape android:shape="rectangle"> <solid android:color="@color/white"/> <gradient android:endcolor="@color/transparent" android:startcolor="@color/white"/> </shape> </item> <item android:left="110dp" android:right="120dp"> <shape android:shape="rectangle"> <solid android:color="@color/white"/> </shape> </item> <item> <shape android:shape="rectangle"> <gradient android:endcolor="@color/white" android:startcolor="@color/transparent" android:angle="-90" /> </shape> </item> </layer-list> 
Comments
Post a Comment