How do I programmatically set the background color gradient on a Custom Title Bar?

Question

There are many tutorials out there and questions on SO that implement custom title bars. However, in my custom title bar I have a custom gradient for the background and I would like to know how to set it dynamically in my code.

Here is where my custom title bar gets called:

requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
setContentView(R.layout.foo_layout);
getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.custom_title_bar);

And this is my custom_title_bar:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@layout/custom_title_bar_background_colors">
<ImageView   
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:src="@drawable/title_bar_logo"
              android:gravity="center_horizontal"
              android:paddingTop="0dip"/>

</LinearLayout>

As you can see, the background on the linear layout is defined by this guy:

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient 
    android:startColor="#616261" 
    android:endColor="#131313"
    android:angle="270"
 />
<corners android:radius="0dp" />
</shape>

What I would like to do is set those gradient colors dynamically in my code. I do not want to hard code them in my XML file like they currently are.

I am open to all ideas if you have a better way of setting a background gradient.

Thank you in advance!!

slund · Accepted Answer · 2011-05-24T20:31:08.827

247

To do this in code, you create a GradientDrawable.
The only chance to set the angle and color is in the constructor. If you want to change the color or angle, just create a new GradientDrawable and set it as the background

    View layout = findViewById(R.id.mainlayout);

    GradientDrawable gd = new GradientDrawable(
            GradientDrawable.Orientation.TOP_BOTTOM,
            new int[] {0xFF616261,0xFF131313});
    gd.setCornerRadius(0f);

    layout.setBackgroundDrawable(gd);

For this to work, I added an id to your main LinearLayout as follows

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mainlayout"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
<ImageView   
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:src="@drawable/title_bar_logo"
              android:gravity="center_horizontal"
              android:paddingTop="0dip"/>

</LinearLayout>

And to use this as for a custom title bar

    getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,R.layout.custom_title_bar);
    View title = getWindow().findViewById(R.id.mainlayout);
    title.setBackgroundDrawable(gd);

edited May 24 '11 at 20:31

answered May 24 '11 at 20:12

slund

6,367
2
26
19

Thanks for the tip. Can this be done for a widget? I have a widget that has a gradient shape and I want to change the color of this gradient. Is this possible in the case of widgets? – Majjoodi May 29 '11 at 08:26
2

@slund is there any way to originate the gradient from the center? instead of using 'GradientDrawable.Orientation.TOP_BOTTOM?' – Louis Evans Nov 21 '13 at 10:58
That's ok, but what to do if user's API < 16? – mark Apr 20 '14 at 15:49
@mark this is the answer for your question http://stackoverflow.com/a/11947755/3080016 – HinoHara Feb 06 '15 at 15:16
10

`setBackgroundDrawable()` is deprecated since, I think, API 16. You should use `setBackground()` as well/instead. See http://stackoverflow.com/questions/27141279/setbackgrounddrawable-deprecated – ban-geoengineering Jun 30 '15 at 12:28
Perfect answer, What i need! :) Thank You. – Najib.Nj Sep 13 '17 at 08:04
How can we set it for RemoteViews? – Pavan Pyati Oct 05 '21 at 08:10

score 4 · Answer 2 · answered May 28 '22 at 05:07

if you are using Kotlin then write

val drawable = GradientDrawable().apply {
        colors = intArrayOf(
            R.color.register_gradient_top,
            R.color.register_gradient_middle,
            R.color.register_gradient_bottom_middle,
            R.color.register_gradient_bottom,
        )
        orientation = GradientDrawable.Orientation.TOP_BOTTOM
        gradientType = GradientDrawable.LINEAR_GRADIENT,
        shape = GradientDrawable.RECTANGLE
    }

Source

https://www.android--code.com/2020/06/android-kotlin-create-gradientdrawable.html

Jakub Piga · Answer 3 · 2019-11-07T10:09:36.753

1

If accepted answer is not working, you can try to set foreground.

color.setForeground(gradient);

edited Nov 07 '19 at 10:09

answered Nov 07 '19 at 08:58

Jakub Piga

66
5

score 0 · Answer 4 · answered Feb 09 '22 at 10:31

Answer with gradient generation is correct, but it will not work if you just set background to MaterialButton. For MaterialButton you have to nullable default backgroundTint:

app:backgroundTint="@null"

After that solution will work. (link to source: https://github.com/material-components/material-components-android/issues/889#issuecomment-621194246)

How do I programmatically set the background color gradient on a Custom Title Bar?

4 Answers4

Linked

Related