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是在顶部的

<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 version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

	<!-- 把FragmentLayout放在FragmentTabHost上面，这样tabs就在底部了，注意，id要自己添加了
	 android:id="@+id/realtabcontent"
	-->  
    <FrameLayout
        android:id="@+id/realtabcontent"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1" />

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

</LinearLayout>

 下面是MainActivity.java的代码

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTabHost;
import android.view.View;
import android.widget.LinearLayout;

import com.dzc.talkv3.R;
import com.dzc.talkv3.fragment.ContactFragment;

public class MainActivity extends FragmentActivity {

	private FragmentTabHost mTabHost;
	
	@Override
	protected void onCreate(Bundle arg0) {
		// TODO Auto-generated method stub
		super.onCreate(arg0);
		setContentView(R.layout.activity_main1);
		
		//初始化tabs
		initTabs();
	}
	
	
	private void initTabs(){
		mTabHost = (FragmentTabHost)findViewById(android.R.id.tabhost);
       	 	mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);
		
		//初始化4个tabs界面
		//R.layout.main_bottom_bar_tab_msg  自己定义的tabs布局文件 一个Linearlayout里面放一个View组件就行了

        		View tab_msg = getLayoutInflater().inflate(R.layout.main_bottom_bar_tab_msg, null);
		View tab_contact = getLayoutInflater().inflate(R.layout.main_bottom_bar_tab_contact, null);
		View tab_plugin = getLayoutInflater().inflate(R.layout.main_bottom_bar_tab_plugin, null);
		View tab_me = getLayoutInflater().inflate(R.layout.main_bottom_bar_tab_me, null);
        
		//addTab(标题，跳转的Fragment，传递参数的Bundle)
		//ContactFragment自己定义一个extends Fragment的类就行了

		mTabHost.addTab(mTabHost.newTabSpec("").setIndicator(tab_msg), ContactFragment.class, null);
		mTabHost.addTab(mTabHost.newTabSpec("").setIndicator(tab_contact), ContactFragment.class, null);
		mTabHost.addTab(mTabHost.newTabSpec("").setIndicator(tab_plugin), ContactFragment.class, null);
		mTabHost.addTab(mTabHost.newTabSpec("").setIndicator(tab_me), ContactFragment.class, null);
		//设置tabs之间的分隔线不显示
		mTabHost.getTabWidget().setShowDividers(LinearLayout.SHOW_DIVIDER_NONE);
	}
	
	
}




这是效果图

 

<!--StartFragment -->

 

• 
• 大小: 273.5 KB

• 
• 大小: 407.8 KB

• 查看图片附件