ViewPager实现tab

编写顶部 底部 xml

top.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="@drawable/abc_ab_bottom_solid_dark_holo"
    android:layout_height="45dp"
    android:orientation="vertical" 
    android:gravity="center" >
    
<TextView  android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="微信"
    android:textColor="#ffffff"
    android:textSize="20sp"
    android:textStyle="bold"
    android:layout_gravity="center"
    />
</LinearLayout>

bottom.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="55dp"
    android:background="#cccccc"
    android:orientation="horizontal" >
    
<LinearLayout 
    android:id="@+id/id_tap_weixin"
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:layout_weight="1" 
    android:orientation="vertical">
    <ImageButton 
         android:id="@+id/id_tap_weixinimg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/abc_ab_bottom_solid_light_holo"
        android:background="#00000000"/>
    <TextView 
        
        android:text="微信"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:textColor="#ffffff"/>
</LinearLayout>
<LinearLayout 
    android:id="@+id/id_tap_frd"
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:layout_weight="1" 
    android:orientation="vertical">
    <ImageButton 
        android:id="@+id/id_tap_frdimg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/abc_ab_bottom_solid_light_holo"
        android:background="#00000000"/>
    <TextView 
        android:text="微信"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:textColor="#ffffff"/>
</LinearLayout>
<LinearLayout 
    android:id="@+id/id_tap_adddress"
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:layout_weight="1" 
    android:orientation="vertical">
    <ImageButton 
    android:id="@+id/id_tap_adddressimg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/abc_ab_bottom_solid_light_holo"
        android:background="#00000000"/>
    <TextView 
        android:text="微信"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:textColor="#ffffff"/>
</LinearLayout>
<LinearLayout 
    android:id="@+id/id_tap_setting"
    android:layout_width="0dp"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:layout_weight="1" 
    android:orientation="vertical">
    <ImageButton 
        android:id="@+id/id_tap_settingimg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/abc_ab_bottom_solid_light_holo"
        android:background="#00000000"/>
    <TextView 
        android:text="微信"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:textColor="#ffffff"/>
</LinearLayout>
</LinearLayout>

去掉主界面title
requestWindowFeature(Window.FEATURE_NO_TITLE);