Android之TabHost的几种使用方法

1，Activity要继承TabActivity，使用LayoutInflater方式来初始化布局文件。

main.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <LinearLayout android:id="@+id/tab01" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center_horizontal" android:orientation="vertical"> <TextView android:id="@+id/tv01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="24dip" android:text="这是选项卡一，你课可以在这里添加你要显示的控件" /> </LinearLayout> <LinearLayout android:id="@+id/tab02" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center_horizontal" android:orientation="vertical"> <TextView android:id="@+id/tv02" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="24dip" android:text="这是选项卡二，你课可以在这里添加你要显示的控件" /> </LinearLayout> <LinearLayout android:id="@+id/tab03" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center_horizontal" android:orientation="vertical"> <TextView android:id="@+id/tv03" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="24dip" android:text="这是选项卡三，你课可以在这里添加你要显示的控件" /> </LinearLayout> </LinearLayout>

TabHostActivity.java

package com.test; import android.app.TabActivity; import android.os.Bundle; import android.view.LayoutInflater; import android.widget.TabHost; public class TabHostActivity extends TabActivity { /** Called when the activity is first created. */ TabHost myTabHost ; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // setContentView(R.layout.main); myTabHost=this.getTabHost(); LayoutInflater.from(this).inflate(R.layout.main, myTabHost.getTabContentView(), true); myTabHost.addTab(myTabHost.newTabSpec("选项卡一").setIndicator("选项卡一", getResources().getDrawable(R.drawable.icon)).setContent(R.id.tab01)); myTabHost.addTab(myTabHost.newTabSpec("选项卡二").setIndicator("选项卡二", getResources().getDrawable(R.drawable.icon)).setContent(R.id.tab02)); myTabHost.addTab(myTabHost.newTabSpec("选项卡三").setIndicator("选项卡三", getResources().getDrawable(R.drawable.icon)).setContent(R.id.tab03)); } }

2，同样继承TabActivity，但是选项卡的内容则是跳转到不同的activity。

mian.xml

<TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"> <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="5dp"> <TabWidget android:id="@android:id/tabs" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="5dp" /> </LinearLayout> </TabHost>

注意：tabhost中的id，tabwidget的id以及framelayout的id

TabHostActivity.java

package com.test; import android.app.TabActivity; import android.content.Intent; import android.content.res.Resources; import android.os.Bundle; import android.widget.TabHost; public class TabHostActivity extends TabActivity { /** Called when the activity is first created. */ TabHost myTabHost ; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //得到TabHost对象，正对TabActivity的操作通常都有这个对象完成 TabHost tabHost = getTabHost(); //生成一个Intent对象，该对象指向一个Activity Intent activity1Intent = new Intent(); activity1Intent.setClass(this, Activity1.class); //生成一个TabSpec对象，这个对象代表了一个页 TabHost.TabSpec activity1Spec = tabHost.newTabSpec("选项卡一"); Resources res = getResources(); //设置该页的indicator , 这里使用了系统自动的图片资源 activity1Spec.setIndicator("选项卡一", res.getDrawable(android.R.drawable.stat_sys_download)); //设置该页的内容 activity1Spec.setContent(activity1Intent); //将设置好的TabSpec对象添加到TabHost当中 tabHost.addTab(activity1Spec); Intent activity2Intent = new Intent(); activity2Intent.setClass(this, Activity2.class); TabHost.TabSpec activity2Spec = tabHost.newTabSpec("选项卡二"); activity2Spec.setIndicator("选项卡二", res.getDrawable(android.R.drawable.stat_sys_upload)); activity2Spec.setContent(activity2Intent); tabHost.addTab(activity2Spec); } }

注意：选项卡中的两个activity的代码就不贴上了。

3，不继承TabActivity。

main.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/hometabs" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TabHost android:id="@+id/tabhost" android:layout_width="fill_parent" android:layout_height="wrap_content"> <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TabWidget android:id="@android:id/tabs" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content"> </TabWidget> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:id="@+id/view1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="这里是选项卡一"/> <TextView android:id="@+id/view2" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="这里是选项卡二"/> <TextView android:id="@+id/view3" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="这里是选项卡三"/> </FrameLayout> </LinearLayout> </TabHost> </LinearLayout>

TabHostActivity.java

package com.test; import android.app.Activity; import android.os.Bundle; import android.widget.TabHost; public class TabHostActivity extends Activity { /** Called when the activity is first created. */ TabHost myTabHost ; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); TabHost tabHost = (TabHost) findViewById(R.id.tabhost); tabHost.setup(); tabHost.addTab(tabHost .newTabSpec("选项二") .setIndicator("选项二", getResources().getDrawable(R.drawable.icon)) .setContent(R.id.view1)); tabHost.addTab(tabHost .newTabSpec("选项二") .setIndicator("选项二", getResources().getDrawable(R.drawable.icon)) .setContent(R.id.view2)); tabHost.addTab(tabHost .newTabSpec("选项三") .setIndicator("选项三", getResources().getDrawable(R.drawable.icon)) .setContent(R.id.view3)); } }