轉(zhuǎn)載請(qǐng)注明:http://www.cnblogs.com/soloho/archive/2012/03/17/2403232.html
附件下載鏈接：api.zip
網(wǎng)上已經(jīng)有很多關(guān)于如何將TabHost的標(biāo)簽放在底部，這里就不說(shuō)了
主要是把這些都做成框架，只需要提供圖片和文字就可以實(shí)現(xiàn)這樣的效果。
直接上圖，代碼解釋的很清楚
程序的圖片借用新浪微博，如有不妥，請(qǐng)告知
代碼：
package com.api.example.app;
import java.util.ArrayList;
import java.util.List;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.TabWidget;
import android.widget.TextView;
import com.api.R;
import com.api.TabHostActivity;
/**
* <p>整個(gè)流程就像使用ListView自定BaseAdapter一樣</p>
*
* <p>如果要自定義TabHostActivity的Theme，并且不想要頭部陰影
* 一定要添加這個(gè)android:windowContentOverlay = null</p>
*
* <p>如果想在別的項(xiàng)目里面使用TabHostActivity
* 可以項(xiàng)目的屬性里面找到Android，然后在Library部分添加這個(gè)項(xiàng)目(Api)
* <a >如何添加</a></p>
* */
public class ExampleActivity extends TabHostActivity {
List<TabItem> mItems;
private LayoutInflater mLayoutInflater;
/**在初始化TabWidget前調(diào)用
* 和TabWidget有關(guān)的必須在這里初始化*/
@Override
protected void prepare() {
TabItem home = new TabItem(
"首頁(yè)", // title
R.drawable.icon_home, // icon
R.drawable.example_tab_item_bg, // background
new Intent(this, Tab1Activity.class)); // intent
TabItem info = new TabItem(
"資料",
R.drawable.icon_selfinfo,
R.drawable.example_tab_item_bg,
new Intent(this, Tab2Activity.class));
TabItem msg = new TabItem(
"信息",
R.drawable.icon_meassage,
R.drawable.example_tab_item_bg,
new Intent(this, Tab3Activity.class));
TabItem square = new TabItem(
"廣場(chǎng)",
R.drawable.icon_square,
R.drawable.example_tab_item_bg,
new Intent(this, Tab4Activity.class));
TabItem more = new TabItem(
"更多",
R.drawable.icon_more,
R.drawable.example_tab_item_bg,
new Intent(this, Tab5Activity.class));
mItems = new ArrayList<TabItem>();
mItems.add(home);
mItems.add(info);
mItems.add(msg);
mItems.add(square);
mItems.add(more);
// 設(shè)置分割線(xiàn)
TabWidget tabWidget = getTabWidget();
tabWidget.setDividerDrawable(R.drawable.tab_divider);
mLayoutInflater = getLayoutInflater();
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setCurrentTab(0);
}
/**tab的title，icon，邊距設(shè)定等等*/
@Override
protected void setTabItemTextView(TextView textView, int position) {
textView.setPadding(3, 3, 3, 3);
textView.setText(mItems.get(position).getTitle());
textView.setBackgroundResource(mItems.get(position).getBg());
textView.setCompoundDrawablesWithIntrinsicBounds(0, mItems.get(position).getIcon(), 0, 0);
}
/**tab唯一的id*/
@Override
protected String getTabItemId(int position) {
return mItems.get(position).getTitle(); // 我們使用title來(lái)作為id，你也可以自定
}
/**點(diǎn)擊tab時(shí)觸發(fā)的事件*/
@Override
protected Intent getTabItemIntent(int position) {
return mItems.get(position).getIntent();
}
@Override
protected int getTabItemCount() {
return mItems.size();
}
/**自定義頭部文件*/
@Override
protected View getTop() {
return mLayoutInflater.inflate(R.layout.example_top, null);
}
}
框架代碼：
package com.api;
import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;
import android.widget.TabWidget;
import android.widget.TextView;
public abstract class TabHostActivity extends TabActivity {
private TabHost mTabHost;
private TabWidget mTabWidget;
private LayoutInflater mLayoutflater;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// set theme because we do not want the shadow
setTheme(R.style.Theme_Tabhost);
setContentView(R.layout.api_tab_host);
mLayoutflater = getLayoutInflater();
mTabHost = getTabHost();
mTabWidget = getTabWidget();
//mTabWidget.setStripEnabled(false); // need android2.2
prepare();
initTop();
initTabSpec();
}
private void initTop() {
View child = getTop();
LinearLayout layout = (LinearLayout) findViewById(R.id.tab_top);
layout.addView(child);
}
private void initTabSpec() {
int count = getTabItemCount();
for (int i = 0; i < count; i++) {
// set text view
View tabItem = mLayoutflater.inflate(R.layout.api_tab_item, null);
TextView tvTabItem = (TextView) tabItem.findViewById(R.id.tab_item_tv);
setTabItemTextView(tvTabItem, i);
// set id
String tabItemId = getTabItemId(i);
// set tab spec
TabSpec tabSpec = mTabHost.newTabSpec(tabItemId);
tabSpec.setIndicator(tabItem);
tabSpec.setContent(getTabItemIntent(i));
mTabHost.addTab(tabSpec);
}
}
/** 在初始化界面之前調(diào)用 */
protected void prepare() {
// do nothing or you override it
}
/** 自定義頭部布局 */
protected View getTop() {
// do nothing or you override it
return null;
}
protected int getTabCount() {
return mTabHost.getTabWidget().getTabCount();
}
/** 設(shè)置TabItem的圖標(biāo)和標(biāo)題等*/
abstract protected void setTabItemTextView(TextView textView, int position);
abstract protected String getTabItemId(int position);
abstract protected Intent getTabItemIntent(int position);
abstract protected int getTabItemCount();
protected void setCurrentTab(int index) {
mTabHost.setCurrentTab(index);
}
protected void focusCurrentTab(int index) {
mTabWidget.focusCurrentTab(index);
}
}
聯(lián)系客服
