Android 在fragment中使用tabhost

在fragment中使用tabhost关键点有两个：

（1），xml文件，TabWidget的id和放置tab对应内容的容器的id。

（2），tabHost和设置的方式，因为类继承fragment类（或子类），而不是Activity，更不是TabActivity。

主要代码：

xml文件：

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

<TabHost
android:id="@+id/tabhost"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<!-- TabWidget 的 id 必须是这个‘@android:id/tabs’，否则会抛出错误 -->
<TabWidget
android:id="@android:id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:orientation="horizontal"
/>
<!-- tab对应内容的容器，id必须是‘@android:id/tabcontent’，否则会抛出错误 -->
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignTop="@android:id/tabs"
>

<fragment
android:id="@+id/frag1"
android:name="com.herald.ezherald.academic.Fragment1"
android:layout_width="match_parent"
android:layout_height="match_parent" />

<fragment
android:id="@+id/frag2"
android:name="com.herald.ezherald.academic.Fragment2"
android:layout_width="match_parent"
android:layout_height="match_parent" />

</FrameLayout>

</RelativeLayout>

</TabHost>

</LinearLayout>

Java代码：

Javapublic class AcademicFragment extends SherlockFragment implements OnItemClickListener, TabHost.TabContentFactory, TabHost.OnTabChangeListener {
String text = null;
LinearLayout layout;
TabHost tabHost;

public AcademicFragment()
{
text = "Default";
}

/* (non-Javadoc)
* @see android.support.v4.app.Fragment#setArguments(android.os.Bundle)
*/
@Override
public void setArguments(Bundle args) {
// TODO Auto-generated method stub
super.setArguments(args);
text = args.getString("text");
}

/* (non-Javadoc)
* @see android.support.v4.app.Fragment#onCreate(android.os.Bundle)
*/
@Override
public void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setRetainInstance(true);
}

/* (non-Javadoc)
* @see android.support.v4.app.Fragment#onCreateView(android.view.LayoutInflater, android.view.ViewGroup, android.os.Bundle)
*/
// 这里是最主要的部分
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
layout = (LinearLayout) inflater.inflate(R.layout.academic_activity_main, null);
tabHost =(TabHost) layout.findViewById(R.id.tabhost);
tabHost.setup();
tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("tab1").setContent(R.id.frag1));
tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("tab2").setContent(R.id.frag2));

tabHost.setCurrentTab(0);
tabHost.setOnTabChangedListener(this);
return layout;
}

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

@Override
public View createTabContent(String tag) {
// TODO Auto-generated method stub
return null;
}

@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
// TODO Auto-generated method stub

}

}

代码解释：

Java代码里面涉及到了两个fragment，就是普通定义的fragment，没什么特别的。

onCreateView() 方法里是 TabHost 的主要部分，获取TabHost的方法是先用 LayoutInflater抽象类获取布局对象，然后用布局对象获取TabHost，因为不是继承Activity，所以不能直接用getViewById()。

别忘了 tabHost.setup()。

可能遇到的问题：

Q：tab布局出来了，但是对应的内容不显示

A：原因很可能是xml布局产生的的问题。尤其注意TabWidget和tab对应内容的容器（本例是FrameLayout）。