create vertical gradient in android

Question

I want to create vertical gradient separator in android

I am able to create for horizontal separator but in vertical gradient nothing appears

code for horizontal

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
       <gradient       
                android:startColor="#DEDEDE"
                android:centerColor="#F52578"
                android:endColor=  "#DEDEDE"
      /> 
</shape>

this is how i use in my project

  <View 
            android:background="@drawable/divider_gradient"
            android:layout_width="fill_parent"
            android:layout_height="1.0px"

     />

i tried layout_width="1dp" and layout_height="fill_parent" for vertical separator but nothing appears

stackoverflow.com/questions/2658772/android-vertical-line-xml — waqaslam
– waqaslam, Commented Mar 3, 2012 at 16:56
@Waqas the question that you have suggested is for solid line and what i am asking is a gradient — Hunt
– Hunt, Commented Mar 3, 2012 at 19:17

Rahul garg · Accepted Answer · 2012-12-02 15:04:25Z

71

Use

android:angle="270"

as another attribute in your gradient

to get you start color - center color - end color as Top to Bottom

edited Dec 2, 2012 at 15:04

answered Mar 3, 2012 at 16:56

Rahul garg

9,3925 gold badges37 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Hunt Over a year ago

garg i tried

android:startColor="#FFFFFF"       			android:centerColor="#F52578"       			android:endColor=  "#FFFFFF"       			android:angle="270"

but its not working

Rahul garg Over a year ago

the gradient you mentioned is correct,, how are you using it in the view... ` android:layout_height="1.0px"` not this right... that would make the height 1 px..and you won't see gradient... What is the current color of the view visible..?

Hunt Over a year ago

These are the attributes of view

android:background="@drawable/divider_gradient"     		android:layout_width="1dp"     		android:layout_height="fill_parent"

Rahul garg Over a year ago

is view showing up at all..? try changing android:background="#FFF", and notice if the view is visible at all of complete white background.. if yes then you can change that to gradient.. otherwise problem is in you view position and size...

Hunt Over a year ago

gard i tried your code only actually gradient wasn't visible in emulator , but was showing in a real device , so +1 for showing your interest

|

the100rabh · Accepted Answer · 2012-03-03 16:54:04Z

1

Make use of Angle attribute to achieve gradient in wanted direction. More at http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape

answered Mar 3, 2012 at 16:54

the100rabh

4,1474 gold badges35 silver badges40 bronze badges

1 Comment

the100rabh Over a year ago

what angle did u try working with ?? Also try changing that width to something like 4dp for trials first instead of 1.0px, and I would suggest u to use 1dp instead of 1px always

Collectives™ on Stack Overflow

create vertical gradient in android

2 Answers 2

9 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related