Android之底部TabHost实现

TabHost默认情况下是显示在屏幕顶部，但是很多情况下我们希望它显示在底部，ok，直接上代码

第一步：首先是布局文件

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1" />

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true" />
    </LinearLayout>

</TabHost>

 

第二步：在Activity中使用TabHost，注意，我创建了三个activity用来跳转，每个activity显示一张图片，这里只给出使用TabHost的activity代码

剩下的三个测试用的activity，大家自由发挥了。

package com.front.tabdemo;

import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.TabHost;
import android.widget.TabHost.OnTabChangeListener;
import android.widget.TabWidget;

public class MainActivity extends TabActivity {

	private TabHost host;
	private TabWidget widget;

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

		host = this.getTabHost();

		Intent it_one = new Intent(this, activity_one.class);
		TabHost.TabSpec one_spec = host.newTabSpec("第一张");
		one_spec.setContent(it_one);
		one_spec.setIndicator("第一张");
		host.addTab(one_spec);

		Intent it_two = new Intent(this, activity_two.class);
		TabHost.TabSpec two_spec = host.newTabSpec("第二张");
		two_spec.setContent(it_two);
		two_spec.setIndicator("第二张");
		host.addTab(two_spec);

		Intent it_three = new Intent(this, activity_three.class);
		TabHost.TabSpec three_spec = host.newTabSpec("第三张");
		three_spec.setContent(it_three);
		three_spec.setIndicator("第三张");
		host.addTab(three_spec);

		widget = host.getTabWidget();
		// 初始化各个标签的背景
		setTabBackground();

		// 给host添加标签改变事件，点击相应的标签时改变其背景
		host.setOnTabChangedListener(new OnTabChangeListener() {

			public void onTabChanged(String tabId) {
				// TODO Auto-generated method stub
				setTabBackground();
			}
		});

	}

	public void setTabBackground() {
		for (int i = 0; i < widget.getChildCount(); i++) {
			View view = widget.getChildAt(i);
			if (host.getCurrentTab() == i) {
				view.setBackgroundResource(R.drawable.number_bg_pressed);
			} else {
				view.setBackgroundResource(R.drawable.number_bg);
			}
		}

	}

}

 ok，这样显示在底部的TabHost就完成了，效果图如下：