How to place gradient effect above the image in android?

Question

Here i have attached the screenshot of my requirement.Background color can be changed. Can anyone give some idea to achieve this.

Thanks in advance.

refer https://stackoverflow.com/questions/23991395/add-gradient-to-imageview — sasikumar, Jul 05 '17 at 04:55
https://stackoverflow.com/questions/30902812/how-to-add-a-gradient-to-a-imageview-nested-in-a-collapsingtoolbar — sasikumar, Jul 05 '17 at 04:55
place an imageView on top of your ImageView, and set the gradient to top ImgeView. — Vladyslav Matviienko, Jul 05 '17 at 06:04

score 0 · Answer 1 · answered Jul 05 '17 at 05:00

try this in your imageview

android:background="@drawable/custom_background"
android:src="@drawable/profile"

create a drawable file like this in res/drawable

 <shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<gradient
    android:angle="90"
    android:endColor="@color/colorPrimary"
    android:startColor="@color/colorPrimaryDark"
    android:centerColor="@color/colorAccent" />

<corners android:radius="0dp" />
</shape>

score 0 · Answer 2 · answered Jul 05 '17 at 05:30

android:background="@drawable/gradient"

Note: Please change color code as per your requirement

****gradient.xml****

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<corners
android:radius="14dp"
/>
<gradient
android:angle="45"
android:centerX="35%"
android:centerColor="@color/white" 
android:startColor="#6d0d18"
android:endColor="#d50225"
android:type="linear"
/>
<padding
android:left="0dp"
android:top="0dp"
android:right="0dp"
android:bottom="0dp"
/>
<size
android:width="100dp"
android:height="42dp"
/>
<stroke
android:width="3dp"
android:color="#878787"
/>
</shape>
[Output:][1]


  [1]: [https://i.stack.imgur.com/IjSez.png][1]

How to place gradient effect above the image in android?

2 Answers2