TabHost实现底部或顶部的间界面切换

************************************这是效果图*******************************************

这是布局：

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

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


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

            <LinearLayout
                android:id="@+id/first"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:orientation="vertical">
                <ImageView
                    android:scaleType="fitXY"
                    android:layout_height="fill_parent"
                    android:layout_width="fill_parent"
                    android:src="@mipmap/ic_launcher"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/address"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:orientation="vertical">
                <ImageView
                    android:scaleType="fitXY"
                    android:layout_height="fill_parent"
                    android:layout_width="fill_parent"
                    android:src="@mipmap/ic_launcher_round"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/message"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:orientation="vertical">
                <ImageView
                    android:scaleType="fitXY"
                    android:layout_height="fill_parent"
                    android:layout_width="fill_parent"
                    android:src="@mipmap/tab_pre_two"/>
            </LinearLayout>
            <LinearLayout
                android:id="@+id/person"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:orientation="vertical">
                <ImageView
                    android:scaleType="fitXY"
                    android:layout_height="fill_parent"
                    android:layout_width="fill_parent"
                    android:src="@mipmap/tab_pre_two"/>
            </LinearLayout>
        </FrameLayout>
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" />

    </LinearLayout>

</TabHost>

这是代码：

package com.chuanshen.tabdemo;

import android.app.TabActivity;
import android.os.Bundle;
import android.widget.TabHost;

public class MainActivity extends TabActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
            TabHost tabHost = getTabHost();
            TabHost.TabSpec page1 = tabHost.newTabSpec("tab1")
                    .setIndicator("首页")
                    .setContent(R.id.first);
            tabHost.addTab(page1);

            TabHost.TabSpec page2 = tabHost.newTabSpec("tab2")
                    .setIndicator("联系人")
                    .setContent(R.id.address);
            tabHost.addTab(page2);

            TabHost.TabSpec page3 = tabHost.newTabSpec("tab3")
                    .setIndicator("信息")
                    .setContent(R.id.message);
            tabHost.addTab(page3);
            TabHost.TabSpec page4 = tabHost.newTabSpec("tab4")
                    .setIndicator("个人中心")
                    .setContent(R.id.person);
            tabHost.addTab(page4);
        }

}