Customizing Your Action Bar's Buttons and Appearance

To achieve the desired custom ActionBar look, consider the following steps:

1. Creating a Custom Action Button

To include an image as a button, define a custom view by extending the Button class. This custom view can then be displayed on the ActionBar as follows:

2. Drawing a Line at the Top of the ActionBar

This may require directly modifying the window's attributes and is not recommended.

3. Removing Separator Lines from Buttons

Instead of using tabs, you can minimize the space between buttons by using a style like the one below:

Implementing the Custom ActionBar

Inflate the custom layout and add it to the ActionBar:

// Inflating custom layout
ViewGroup actionBarLayout = (ViewGroup) getLayoutInflater().inflate(R.layout.action_bar, null);

// Customizing ActionBar
ActionBar actionBar = getActionBar();
actionBar.setDisplayShowHomeEnabled(false);