Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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

like image 389
AngeloS Avatar asked May 24 '11 19:05

AngeloS


People also ask

Can background color be a gradient?

Just as you can declare the background of an element to be a solid color in CSS, you can also declare that background to be a gradient.


2 Answers

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); 
like image 156
slund Avatar answered Oct 12 '22 13:10

slund


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

color.setForeground(gradient); 
like image 33
Jakub Piga Avatar answered Oct 12 '22 15:10

Jakub Piga