相當郁悶的問題，TabHost選項卡標簽圖標始終不出現？

在學習Android TabHost布局過程中，很多教程告訴我，這樣來顯示選項卡標簽的圖標和文字：

TapSpec spec1 = tabHost.newTabSpec("tab 1");
spec1.setIndicator("選項卡一", getResources().getDrawable(R.drawable.tab_icon));
spec1.setContent(R.id.tab1);
tabHost.addTab(spec1);

折騰來折騰去，setIndicator(label, drawable)這個方法始終不能將標題文字與圖標一起顯示出來，只有文字標題。

在沒將電腦砸了之前，通過萬能的stackoverflow.com終於知道確切答案以及相應方法了：
http://stackoverflow.com/questions/10745092/icon-in-tab-is-not-showing-up

其實就是SDK 4.03（冰激凌）下：只有文字標題顯示，圖標是不顯示的。如果將文字標題設置為空字符串，則此時圖標可顯示。

對於冰激凌下兩全其美的方法，只能是自定義標簽卡布局，創建一個包含ImageView和TextView組件的界面布局文件 tab_indicator.xml（layout/tab_indicator.xml），然后用setIndicator(View view)方法來設置TabSpec的界面布局。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="0dip"
android:layout_height="64dip"
android:layout_weight="1"
android:orientation="vertical"
android:background="@drawable/tab_indicator"
android:padding="5dp">

<ImageView android:id="@+id/icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
/>

<TextView android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
style="?android:attr/tabWidgetStyle"
/>
</RelativeLayout>

接着我們可以在drawable圖片資源目錄下創建一個tab_info.xml文件，用來指示Tab圖標的各狀態。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/tab_info_dark"
android:state_selected="true" />
<item android:drawable="@drawable/tab_info_light" />
</selector>

現在就可以通過下面的代碼將我們自定義的視圖作為一個indicator配置給TapSpec對象。

private void addTab(String label, int drawableId) {
Intent intent = new Intent(this, MockActivity.class);
TabHost.TabSpec spec = tabHost.newTabSpec(label);

View tabIndicator = LayoutInflater.from(this).inflate(R.layout.tab_indicator, getTabWidget(), false);
TextView title = (TextView) tabIndicator.findViewById(R.id.title);
title.setText(label);
ImageView icon = (ImageView) tabIndicator.findViewById(R.id.icon);
icon.setImageResource(drawableId);

spec.setIndicator(tabIndicator);
spec.setContent(intent);
tabHost.addTab(spec);
}

像以下方式那樣調用上面那自定義addTab方法

tabHost = getTabHost(); //tabHost is a private field

addTab("First", R.drawable.tab_info);
addTab("Second", R.drawable.tab_info);
addTab("Third", R.drawable.tab_info);

注意：當用自定義視圖的indicator來添加Tab時，要將strip_enabled屬性設置為false。若要兼顧底部strip，那在添加最后一個Tab后設置getTabWidget().setStripEnabled(true);