android4.0 FragmentTabHost tabs在底部 仿qq界面

首先吐槽下官网，http://developer.android.com/reference/android/support/v4/app/FragmentTabHost.html ，这里居然没给出xml的配置，导致一直弄了很久。而百度搜索到的大部分都是这个配置，不只是否是版本升级的原因，我按照这个配置，运行就会报错：java.lang.RuntimeException: Your TabHost must have a FrameLayout whose id attribute is ‘android.R.id.tabcontent’

各种尝试，最后发现只有下面这个代码能运行，但是tabs是在顶部的

Xml代码 复制代码 收藏代码

            <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
      android:layout_width="match_parent"    
    android:layout_height="match_parent"    
    android:orientation="vertical">    

    <android.support.v4.app.FragmentTabHost    
     android:id="@android:id/tabhost"    
     android:layout_width="match_parent"    
     android:layout_height="wrap_content">    

       <TabWidget     
           android:id="@android:id/tabs"    
           android:layout_width="match_parent"    
        android:layout_height="wrap_content"    
         android:orientation="horizontal"/>    
          <FrameLayout     
          android:id="@android:id/tabcontent"    
         android:layout_width="match_parent"    
         android:layout_height="0dip"    
           android:layout_weight="1" />     
        </android.support.v4.app.FragmentTabHost>    

    </LinearLayout>    

最后只好谷歌了，发现了国外的大神的一个配置，就是FragmentTabHost里面什么都没放置。下面是我自己写的配置，

Xml代码 复制代码 收藏代码

1.<?xml version="1.0" encoding="utf-8"?>  
2.<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.    android:layout_width="match_parent"  
4.    android:layout_height="match_parent"  
5.    android:orientation="vertical" >  
6.  
7.    <!-- 把FragmentLayout放在FragmentTabHost上面，这样tabs就在底部了，注意，id要自己添加了  
8.     android:id="@+id/realtabcontent"  
9.    -->    
10.    <FrameLayout  
11.        android:id="@+id/realtabcontent"  
12.        android:layout_width="match_parent"  
13.        android:layout_height="0dip"  
14.        android:layout_weight="1" />  
15.  
16.    <android.support.v4.app.FragmentTabHost  
17.        android:id="@android:id/tabhost"  
18.        android:layout_width="match_parent"  
19.        android:layout_height="150px"  
20.         >  
21.    </android.support.v4.app.FragmentTabHost>  
22.  
23.</LinearLayout>  

下面是MainActivity.java的代码

Java代码 复制代码 收藏代码

    1.import android.os.Bundle;  
    2.import android.support.v4.app.FragmentActivity;  
    3.import android.support.v4.app.FragmentTabHost;  
    4.import android.view.View;  
    5.import android.widget.LinearLayout;  
    6.  
    7.import com.dzc.talkv3.R;  
    8.import com.dzc.talkv3.fragment.ContactFragment;  
    9.  
    10.public class MainActivity extends FragmentActivity {  
    11.  
    12.    private FragmentTabHost mTabHost;  
    13.      
    14.    @Override  
    15.    protected void onCreate(Bundle arg0) {  
    16.        // TODO Auto-generated method stub  
    17.        super.onCreate(arg0);  
    18.        setContentView(R.layout.activity_main1);  
    19.          
    20.        //初始化tabs  
    21.        initTabs();  
    22.    }  
    23.      
    24.      
    25.    private void initTabs(){  
    26.        mTabHost = (FragmentTabHost)findViewById(android.R.id.tabhost);  
    27.            mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);  
    28.          
    29.        //初始化4个tabs界面  
    30.        //R.layout.main_bottom_bar_tab_msg  自己定义的tabs布局文件 一个Linearlayout里面放一个View组件就行了  
    31.  
    32.                View tab_msg = getLayoutInflater().inflate(R.layout.main_bottom_bar_tab_msg, null);  
    33.        View tab_contact = getLayoutInflater().inflate(R.layout.main_bottom_bar_tab_contact, null);  
    34.        View tab_plugin = getLayoutInflater().inflate(R.layout.main_bottom_bar_tab_plugin, null);  
    35.        View tab_me = getLayoutInflater().inflate(R.layout.main_bottom_bar_tab_me, null);  
    36.          
    37.        //addTab(标题，跳转的Fragment，传递参数的Bundle)  
    38.        //ContactFragment自己定义一个extends Fragment的类就行了  
    39.  
    40.        mTabHost.addTab(mTabHost.newTabSpec("").setIndicator(tab_msg), ContactFragment.class, null);  
    41.        mTabHost.addTab(mTabHost.newTabSpec("").setIndicator(tab_contact), ContactFragment.class, null);  
    42.        mTabHost.addTab(mTabHost.newTabSpec("").setIndicator(tab_plugin), ContactFragment.class, null);  
    43.        mTabHost.addTab(mTabHost.newTabSpec("").setIndicator(tab_me), ContactFragment.class, null);  
    44.        //设置tabs之间的分隔线不显示  
    45.        mTabHost.getTabWidget().setShowDividers(LinearLayout.SHOW_DIVIDER_NONE);  
    46.    }