How Create radial Gradiant In Android like this

Question

I want to Create a Gradient like this but :

left gradiant is my goal gradiant right gradiant is my gradiant this is my gradiant code xml :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<gradient
    android:centerColor="#ffffff"
    android:endColor="#4f4f4f"
    android:gradientRadius="700"
    android:startColor="#ffffff"
    android:type="radial" >
</gradient>

please help to create a gradient like left picture thx

Edited : in real Device My gradiant show white . Edit2 : These Gradiant My Friend Post Ok but color in goal gradiant Not show in real device no Alternative Ways ?

Abhinav Gupta · Accepted Answer · 2019-03-19T10:18:30.400

0

Do this :

   <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle" >
       <gradient
            android:centerColor="#E7E6E6"
            android:endColor="#DADADA"
            android:gradientRadius="800"
            android:startColor="#EEEDED"
            android:type="radial" >
       </gradient>
   </shape>

Screenshot :

edited Mar 19 '19 at 10:18

answered Mar 19 '19 at 09:43

Abhinav Gupta

2,225
1
14
30

good but please caution to center of gradiant : start picture center picture end picture yor gradiant is fine but not same end of your gradiant is not same start your gradiant – zobydeh karimi Mar 19 '19 at 09:47
@zobydehkarimi check now – Abhinav Gupta Mar 19 '19 at 09:51
thx but center of your new gradiand is show circular ... but my goal is circular but smooth and fade thx – zobydeh karimi Mar 19 '19 at 09:56
@zobydehkarimi UPDATED AGAIN : I have made like that kindly check again and when you make design on it then it wll not show in circular may be this time it is showing smooth. – Abhinav Gupta Mar 19 '19 at 09:58
thats better and fine ... please use color in my goal picture ... thxxx...please darker corner . thank you – zobydeh karimi Mar 19 '19 at 10:03
I have mentioned the colors with these colors we can make this and I did this thing manually not with the help of tool. So please use this color. If this answer is helpful please accept and vote up the answer. @zobydehkarimi – Abhinav Gupta Mar 19 '19 at 10:10
in real phone Android 8.1 I see only white screen ...test on real device but all devices show white screen i can not see gradiant at all – zobydeh karimi Mar 19 '19 at 10:12
@zobydehkarimi – Abhinav Gupta Mar 19 '19 at 10:15
I can not see gradiant I see only White Screen . – zobydeh karimi Mar 19 '19 at 10:21
@zobydehkarimi I have changed colors tooo. – Abhinav Gupta Mar 19 '19 at 10:22
I used updated color but see only white screen gradiant not show i set this gradiant to background RelativeLayout of my main activity but show only white screen – zobydeh karimi Mar 19 '19 at 10:25
have you implemented android:background="@drawable/gradient" into the parent layout @zobydehkarimi – Abhinav Gupta Mar 19 '19 at 10:27
yes i used this : android:background="@drawable/maingradiant" please test with real device .. only show white screen – zobydeh karimi Mar 19 '19 at 10:29
in my xml file it is showing correctly @zobydehkarimi – Abhinav Gupta Mar 19 '19 at 10:30
in android studio is ok but when running on real device show only white screen twho device test note 8 and galaxy j5 pro but only show white screen – zobydeh karimi Mar 19 '19 at 10:33
@zobydehkarimi check this : http://prntscr.com/mzx6q7 device : oneplus6T – Abhinav Gupta Mar 19 '19 at 10:58
center of gradiant is circular show ... but my goal is flat and smooth not show circular ... – zobydeh karimi Mar 19 '19 at 11:00
http://prntscr.com/mzxf61 check this one @zobydehkarimi and this one is not showing circular and sorry to say now i am done with this – Abhinav Gupta Mar 19 '19 at 11:13
How darker corner ? I select darker gray but all gradiant is currepted and not match with gola gradiant . Please help last time . Please match darker color together . – zobydeh karimi Mar 19 '19 at 16:02

score 0 · Answer 2 · answered Mar 19 '19 at 09:45

0

Here is a tool using this you can design any drawable Tool

try this

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <gradient
        android:type="linear"
        android:startColor="#FF2d7706"
        android:endColor="#FF98d434"
        android:angle="90"/>
</shape>

answered Mar 19 '19 at 09:45

Mehul Kabaria

6,404
4
25
50

your gradiant is fine but not same please repeat start color at end of gradiant thx – zobydeh karimi Mar 19 '19 at 09:50

How Create radial Gradiant In Android like this

2 Answers2