Sherlock actionBar.setIcon(android.R.color.transparent) leaves gap to left

Question

I have tried searching on Google and stackoverflow but I didn't find the solution.

Problem:

Code:

actionBar = activity.getSupportActionBar();
actionBar.setDisplayShowCustomEnabled(true);
actionBar.setDisplayShowTitleEnabled(false);
//actionBar.setDisplayUseLogoEnabled(false);
//actionBar.setDisplayHomeAsUpEnabled(false);
//actionBar.setDisplayShowHomeEnabled(false);

actionBar.setIcon(android.R.color.transparent);

LayoutParams lp = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT, 
    Gravity.CENTER_HORIZONTAL | Gravity.CENTER_VERTICAL);

LayoutInflater inflator = (LayoutInflater)activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
LinearLayout v = (LinearLayout) inflator.inflate(R.layout.header, null);
actionBar.setCustomView(v, lp);

actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

header.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/topheaderbackground" >

    <TextView
        android:id="@+id/topcaption"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:gravity="center_vertical|center_horizontal"
        android:text="ABC"
        android:textColor="#ebf5ff"
        android:textSize="9.6pt"
        android:textStyle="bold"
        android:typeface="sans" />

</LinearLayout>

What I have tried:

actionBar.setDisplayShowHomeEnabled(false);

But result is:

Please Help!!!

[Edit]:

I am using Theme.Sherlock.

[Result of Doctoror Drive's suggestion]:

actionBar.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.topheaderbackground));

new header.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/topcaption"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:gravity="center_vertical|center_horizontal"
        android:text="ABC"
        android:textColor="#ebf5ff"
        android:textSize="9.6pt"
        android:textStyle="bold"
        android:typeface="sans" />

</LinearLayout>

As you can see text is not in center, any suggestion???

Answer 1

It's not the icon, it's a CustomView that's leaving the gap. You should change the color of ActionBar in styles.

http://developer.android.com/guide/topics/ui/actionbar.html#AdvancedStyles

And then add custom view with no background, just a TextView in center.

EDIT: After you've set it to center, the space for your text is space of actionbar content minus the size of icon to the left (which is transparent). Try setting ActionBar display options. remove

actionBar.setDisplayShowCustomEnabled(true);
actionBar.setDisplayShowTitleEnabled(false);

and add instead

actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);

Tell me if you still have the issue, then I will tell plan B.

EDIT, plan B:

Alright, there is a problem with flipping when above is set so try adding padding to root of your TextView. Set ActionBar mode:

actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM |
        ActionBar.DISPLAY_SHOW_HOME);

And in xml, I think the LinearLayout there is useless. Try setting plain and clean TextView

<TextView
    android:id="@+id/topcaption"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingRight="?android:attr/actionBarSize"
    android:gravity="center"
    android:text="ABC"
    android:textColor="#ebf5ff"
    android:textSize="9.6pt"
    android:textStyle="bold"
    android:typeface="sans" />

If that will not work, try

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingRight="?android:attr/actionBarSize"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/topcaption"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center_vertical"
        android:gravity="center"
        android:text="ABC"
        android:textColor="#ebf5ff"
        android:textSize="9.6pt"
        android:textStyle="bold"
        android:typeface="sans" />

</LinearLayout>