Why Tab host not showing icon in android?

Question

Here is the code to setup the tabhost, however there are two problem

The text will go to next line if it is too long, can I reduce the size and force it to single line?

All icon do not show, even I am sure the image src is correct

public class MainActivity extends FragmentActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        FragmentTabHost tabHost = (FragmentTabHost)findViewById(android.R.id.tabhost);

        tabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);
        tabHost.addTab(tabHost.newTabSpec("restaurant").setIndicator("Restaurant",getResources().getDrawable(R.drawable.food)),PlaceList.class, null);
        tabHost.addTab(tabHost.newTabSpec("attraction").setIndicator("Attraction",getResources().getDrawable(R.drawable.view)), PlaceList.class, null);
        tabHost.addTab(tabHost.newTabSpec("map").setIndicator("Map",getResources().getDrawable(R.drawable.map)),Map.class,null);
        tabHost.addTab(tabHost.newTabSpec("planner").setIndicator("Planner",getResources().getDrawable(R.drawable.plan)),Planner.class, null);
    }
 }

Throw exception : Must call setup() that takes a Context and FragmentManager — user782104, Mar 30 '14 at 11:31

score 6 · Accepted Answer · answered Mar 30 '14 at 12:00

When calling TabSpec.setIndicator, the Drawable you pass in will only be visible if the label is null or empty. As far as making sure the TextView is restricted to a single line goes, you could loop over TabWidget.getTabCount, then call TabWidget.getChildTabViewAt and View.findViewById to get the TextView used to set the title. After that just make a call to TextView.setSingleLine.

    final TabWidget tabWidget = tabHost.getTabWidget();
    for (int i = 0; i < tabWidget.getTabCount(); i++) {
        final View tab = tabWidget.getChildTabViewAt(i);
        final TextView title = (TextView) tab.findViewById(android.R.id.title);
        title.setSingleLine();
    }

Alternatively, you could inflate your own tab layout by creating a style for Widget.TabWidget.

<style name="Your.TabWidget" parent="@android:style/Widget.TabWidget">
    <item name="android:tabLayout">@layout/your_tab_layout</item>
</style>

In your parent theme create a new item for android:tabWidgetStyle to apply it.

Thanks. So the only way to keep the label and icon is to create custom tab layout? — user782104, Mar 30 '14 at 12:47
You could call `TextView.setCompoundDrawablesWithIntrinsicBounds`. — adneal, Mar 30 '14 at 12:52
`setIndicator` doc says _Specify a label and icon as the tab indicator_. This is really misleading. — IronBlossom, Feb 25 '15 at 19:10

Why Tab host not showing icon in android?

1 Answers1