How to create a custom titlebar

Thu, 08/19/2010 - 08:45 | by tamas

SDK Version:

If you got sick and tired of the default style/behavior of the title bar in your apps, or just need something different, than here is a little snippet for You.

It has 2 textviews, and a progress bar in it.
It needs 2 parameters: String left, String right, these are the texts that will be displayed. Usually, the left one is the app name, the right one is dynamic. So if the right one is longer than 20 characters, it will be truncated.

Here is the layout:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:id="@+id/RelativeLayout01&quot;
        android:layout_width="fill_parent" android:layout_height="fill_parent"
        xmlns:android="http://schemas.android.com/apk/res/android">
        <TextView android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:id="@+id/titleTvLeft"
                android:text="left"></TextView>
        <TextView android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:id="@+id/titleTvRight"
                android:text="right" android:layout_alignParentRight="true"></TextView>
 
        <ProgressBar android:id="@+id/leadProgressBar&quot;
                style="?android:attr/progressBarStyleSmall" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_toRightOf="@+id/titleTvLeft" android:paddingLeft="3dip"></ProgressBar>
</RelativeLayout>

Here is the code:

boolean customTitleSupported;
public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
 
        //check if custom title is supported BEFORE setting the content view!
        customTitleSupported = requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
        
        //set contentview
        setContentView(R.layout.mainscreen);
 
        //set custom titlebar
        customTitleBar(getText(R.string.app_name).toString(), getText(
                R.string.title_main_menu).toString());
}
 
public void customTitleBar(String left, String right) {
        if (right.length() > 20) right = right.substring(0, 20);
        // set up custom title
        if (customTitleSupported) {
                getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,
                                R.layout.customtitlebar);
                TextView titleTvLeft = (TextView) findViewById R.id.titleTvLeft);
                TextView titleTvRight = (TextView) findViewById(R.id.titleTvRight);
 
                titleTvLeft.setText(left);
                titleTvRight.setText(right);
 
                ProgressBar titleProgressBar;
                titleProgressBar = (ProgressBar) findViewById(R.id.leadProgressBar);
 
                //hide the progress bar if it is not needed
                titleProgressBar.setVisibility(ProgressBar.GONE);
        }
}

Tags:

Bookmark/Search this post with

How to create a custom titlebar

Main menu

New tutorials from Helloandroid

Recent Apps

Android on Twitter

Poll

Useful resources

Android Development Projects