Customize actionbar in actionbarsherlock

Question

I want to customize my actionbar like the Image shown below.

I am using Actionbarsherlock in implementation, as I have shown I will have a total of 5 icons, where 3 of them are centered and the other 2 are at the sides.

There are also separators added,

How do I add a style like this?

Answer 1

Just create a layout. As a separator you can use view with width of 1dp and your icons will be imageviews. Then set this layout to your actionbar.

You can add layout to your actionbar like that:

ActionBar actionBar = getSupportActionBar();

View actionBarView = getLayoutInflater().inflate(
            R.your_layout, null);

actionBar.setCustomView(actionBarView);
actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);

actionBar.setDisplayUseLogoEnabled(true);
actionBar.setDisplayShowTitleEnabled(false);
actionBar.setDisplayShowHomeEnabled(true);
actionBar.setDisplayHomeAsUpEnabled(true);

Then if you want to add onClickListener to your ImageView, you can do it like this:

ImageView imageViewOption = (ImageView) actionBarView.findViewById(R.id.image_view_option); //it's important to use your actionbar view that you inflated before

imageViewOption.setOnClickListener(...);

And if you don't want to have your application icon in actionbar then you can play with setDisplayXXX options. You can find more here: http://developer.android.com/guide/topics/ui/actionbar.html