83

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!!

Vahe Gharibyan
  • 2,725
  • 1
  • 21
  • 30
AngeloS
  • 5,248
  • 5
  • 38
  • 58

2 Answers2

217

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);
slund
  • 6,027
  • 2
  • 24
  • 18
  • 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
  • 7
    `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. – NAP Developer Sep 13 '17 at 08:04
1

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

color.setForeground(gradient);
Jakub Piga
  • 21
  • 5