一. 简单示例
src
public class AndroidUIActivity extends TabActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
// tabHost是一个标签容器
TabHost tabHost = this.getTabHost();
// 每一个TabSpec对象就是个标签
// TabSpec.setIndicator()方法是设置标签显示样式
// TabSpec.setContent()方法显示标签下方的内容显示
// 定义第一个标签
tabHost.addTab(tabHost
.newTabSpec("OneTab")
.setIndicator("OneTab",
getResources().getDrawable(android.R.drawable.star_on))
.setContent(R.id.linearLayout1));
// 定义第二个标签
tabHost.addTab(tabHost
.newTabSpec("TwoTab")
.setIndicator("TwoTab",
getResources().getDrawable(android.R.drawable.star_off))
.setContent(R.id.linearLayout2));
// 定义第三个标签
tabHost.addTab(tabHost
.newTabSpec("ThreeTab")
.setIndicator("ThreeTab",
getResources().getDrawable(android.R.drawable.stat_notify_call_mute))
.setContent(R.id.linearLayout3));
}
}
main.xml
<?xml version="1.0" encoding="utf-8"?>
<!--
根元素是 TabHost ,我们这个文件要和TabActivity配合使用,在TabActivity的源代码里写死了要找的Id是android.R.id.tabhost,
因此这里的ID也要定死成TabHost 的ID 是定死的 "@android:id/tabhost" 下面的类似,不再解释。
-->
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<!-- TabWidget 就是标签选项卡的头部部分,注意ID的写法 -->
<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
</TabWidget>
<!-- FrameLayout 就是标签的内容显示部分,注意ID的写法,还要注意我们做了个上部空白设定 android:paddingTop="65dp",是为了不让内容和标签重叠 -->
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<!-- LinearLayout 是一个标签里的内容,程序根据你定义的ID来把他们放在不同的标签下面 android:paddingtop="65dp" -->
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="标签1中的内容" >
</TextView>
</LinearLayout>
<!-- LinearLayout 是另一个标签里的内容 -->
<LinearLayout
android:id="@+id/linearLayout2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="标签2中的内容" >
</TextView>
</LinearLayout>
<LinearLayout
android:id="@+id/linearLayout3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="标签3中的内容" >
</TextView>
</LinearLayout>
</FrameLayout>
</TabHost>
二. 运行结果
启动
点击ThreeTab