這篇文章主要介紹了Android TabHost選項卡標籤圖標始終不出現的解決方法,涉及Android界面佈局相關屬性與狀態設置操作技巧,需要的朋友可以參考下
本文實例分析了Android 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);
更多關於Android相關內容感興趣的讀者可查看本站專題:《Android開發入門與進階教程》、《Android調試技巧與常見問題解決方法彙總》、《Android基本組件用法總結》、《Android視圖View技巧總結》、《Android佈局layout技巧總結》及《Android控件用法總結》
希望本文所述對大家Android程序設計有所幫助。