Android Actionbar set width to the tabs

Question

Currently I'm busy on a WHMCS app for my company. As navigation I want to use the Tab functionality in the actionbar.

However, how can you edit the width of a tab? I need 5 together on one screen without the need to scroll. I already tried it with some styles like this:

<style name="AppBaseTheme" parent="android:Theme.Light">
</style>

<style name="AppTheme" parent="AppBaseTheme">
    <item name="@android:attr/actionBarTabStyle">@style/tab_nav</item>
    <item name="android:actionBarTabTextStyle">@style/actionBarTabTextStyle</item>
</style>

<style name="actionBarTabTextStyle" parent="android:Widget.Holo.Light.ActionBar.TabText.Inverse">
    <item name="android:padding">1dp</item>
</style>

<style name="tab_nav" parent="android:style/Widget.Holo.Light.Tab">
 <item name="android:paddingLeft">-25dp</item>
</style> 

<style name="CustomTabTextStyle" parent="@android:style/TextAppearance.Holo">
    <item name="android:textColor">#2456c2</item>
</style>

However, the width won't shrimp when using a higher negative value.

Hi guys, have you solved your problem? Please post the solution because I have the same problem. Thanks — Hafizh Herdi, Apr 04 '14 at 02:48

score 3 · Answer 1 · edited Aug 01 '14 at 20:01

Hi i think this may help you... This code is actually making the actionbar bound to the screen width, so the tabs will adjust by themselves =)

private void setTabsMaxWidth() {
   DisplayMetrics displaymetrics = new DisplayMetrics();
   getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
   int screenWidth = displaymetrics.widthPixels;
   final ActionBar actionBar = getActionBar();
   final View tabView = actionBar.getTabAt(0).getCustomView();
   final View tabContainerView = (View) tabView.getParent();
   final int tabPadding = tabContainerView.getPaddingLeft() + tabContainerView.getPaddingRight();
   final int tabs = actionBar.getTabCount();
   for(int i=0 ; i < tabs ; i++) {
      View tab = actionBar.getTabAt(i).getCustomView();
      TextView text1 = (TextView) tab.findViewById(R.id.text1);
      text1.setMaxWidth(screenWidth/tabs-tabPadding-1);
  }
}

This does work, combined with [this](http://stackoverflow.com/questions/20039817/change-tab-width-in-actionbar-tab) to make the tabs all visible at once (I have 6), but I couldn't figure out how to remove the extra padding in the brief time I spent on it so my icons are pretty small. — craned, Aug 01 '14 at 20:00

score 0 · Answer 2 · answered Aug 22 '14 at 15:35

0

If you need "5 together on one screen without the need to scroll" better use TabHost on the top of your layout.

answered Aug 22 '14 at 15:35

tier777

1,005
12
11

Android Actionbar set width to the tabs

2 Answers2

Linked