Android底部TabHost API

今天在项目中遇到了底部TabHost，顺便就写了一个底部TabHost的api继承即可使用非常简单，以下为源代码：

首先是自定义的TabHostActivity，如果要使用该TabHost继承该类即可

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.OnTabChangeListener;
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);
        }
        
        
    
    }
    
    
    

    
    

    /** 在初始化界面之前调用 */
    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();
    }

    /** 设置TabItem的图标和标题等*/
    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);
    }

}

需要再创建一个javabean TabItem

package com.api.example.app;

import android.content.Intent;

public class TabItem {
    private String title;        // tab item title
    private int icon;            // tab item icon
    private int bg;            // tab item background
    private Intent intent;    // tab item intent
    
    public TabItem(String title, int icon, int bg, Intent intent) {
        super();
        this.title = title;
        this.icon = icon;
        this.bg = bg;
        this.intent = intent;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public int getIcon() {
        return icon;
    }

    public void setIcon(int icon) {
        this.icon = icon;
    }

    public int getBg() {
        return bg;
    }

    public void setBg(int bg) {
        this.bg = bg;
    }

    public Intent getIntent() {
        return intent;
    }

    public void setIntent(Intent intent) {
        this.intent = intent;
    }
}

然后创建一个Activity继承上面的TabHostActivity即可使用该自定义的TabHost了

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>整个流程就像使用ListView自定BaseAdapter一样</p>
 * 
 * <p>如果要自定义TabHostActivity的Theme，并且不想要头部阴影
 * 一定要添加这个android:windowContentOverlay = null</p>
 * 
 * <p>如果想在别的项目里面使用TabHostActivity
 * 可以项目的属性里面找到Android，然后在Library部分添加这个项目(Api)
 * <a href="http://www.cnblogs.com/qianxudetianxia/archive/2011/05/01/2030232.html">如何添加</a></p>
 * */
public class ExampleActivity extends TabHostActivity {

    List<TabItem> mItems;
    private LayoutInflater mLayoutInflater;
    
    /**在初始化TabWidget前调用
     * 和TabWidget有关的必须在这里初始化*/
    @Override
    protected void prepare() {
        TabItem home = new TabItem(
                "首页",                                    // 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(
                "广场",
                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);

        // 设置分割线
        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，边距设定等等*/
    @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来作为id，你也可以自定
    }

    /**点击tab时触发的事件*/
    @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);
    }

}

效果如下：