与TabHost结合使用的组件:
TabWidget:代表选项卡的标签条 TabSpec:代表选项卡的一个Tab页面 TabHost不过一个简单的容器,它提供两个方法来创建、加入选项卡newTabSpec(String tag):创建选项卡
addTab(TabHOst.TabSpec tabSpec):加入选项卡 步骤:1.在界面布局文件里定义TabHost组件,并为该组件定义该选项卡的内容
2.Activity继承TabActivity
3.调用TAbActivity的getTabHost()方法获取TabHost对象
4.通过TabHost对象的方法来创建、加入选项卡
布局文件:
xml version="1.0" encoding="utf-8"?> <TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TabWidget android:id="@android:id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" /> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="match_parent" android:layout_height="match_parent" > <!-- 定义第一个标签页的内容 --> <LinearLayout android:id="@+id/tab01" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tab1" android:textSize="11pt" /> </LinearLayout> <!-- 定义第二个标签页的内容 --> <LinearLayout android:id="@+id/tab02" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tab2" android:textSize="11pt" /> </LinearLayout> <!-- 定义第三个标签页的内容 --> <LinearLayout android:id="@+id/tab03" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:textSize="11pt" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tab3" android:textSize="11pt" /> </LinearLayout> </FrameLayout> </LinearLayout> </TabHost>
TabHost容器内部须要组合两个组件:TabWidget和FrameLayout,当中TabWidget定义选项卡的标题条
Framelayout则用于层叠组合多个选项界面
Activity:
public class MainActivity extends TabActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 获取该Activity里面的TabHost组件 TabHost tabHost = getTabHost(); // 创建第一个Tab页 TabSpec tab1 = tabHost.newTabSpec("tab1").setIndicator("01") // 设置标题 .setContent(R.id.tab01); // 设置内容 // 加入第一个标签页 tabHost.addTab(tab1); TabSpec tab2 = tabHost .newTabSpec("tab2") // 在标签标题上放置图标 .setIndicator("02", getResources().getDrawable(R.drawable.ic_launcher)) .setContent(R.id.tab02); // 加入第二个标签页 tabHost.addTab(tab2); TabSpec tab3 = tabHost.newTabSpec("tab3").setIndicator("03") .setContent(R.id.tab03); // 加入第三个标签页 tabHost.addTab(tab3); }}
有时候选项卡是在下边的,仅仅须要改动布局文件就可以
布局文件: