Android入门第十一篇之TabHost,TabWidget

本文来自http://blog.csdn.net/hellogv/，引用必须注明出处！

这回要介绍的是Android的Tab控件，Tab控件可以达到分页的效果，让一个屏幕的内容尽量丰富，当然也会增加开发的复杂程度，在有必要的时候再使用。Android的Tab控件使用起来有点奇怪，必须包含和按照以下的顺序：

TabHost控件->TabWidget(必须命名为tabs)->FrameLayout(必须命名为tabcontent)。

接下来贴出本例运行的截图：

main.xml的源码：

 <?xmlversion="1.0"encoding="utf-8"?>
 <TabHostandroid:layout_width="fill_parent"
 android:layout_height="fill_parent"xmlns:android="http://schemas.android.com/apk/res/android"android:id="@android:id/TabHost1">
 <TabWidgetandroid:id="@android:id/tabs"
 android:layout_height="wrap_content"android:layout_width="fill_parent">
 </TabWidget>
 <FrameLayoutandroid:id="@android:id/tabcontent"
 android:paddingTop="65px"android:layout_width="fill_parent"android:layout_height="fill_parent">
 <LinearLayoutandroid:layout_height="wrap_content"android:id="@+id/Tab1"android:orientation="vertical"android:layout_width="fill_parent">
 <EditTextandroid:layout_height="wrap_content"android:id="@+id/edtTab1"android:layout_width="fill_parent"></EditText>
 <Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/btnTab1"android:text="Tab1"></Button>
 </LinearLayout>
 <LinearLayoutandroid:layout_height="wrap_content"android:id="@+id/Tab2"android:layout_width="fill_parent"android:orientation="horizontal">
 <EditTextandroid:layout_height="wrap_content"android:id="@+id/edtTab2"android:layout_width="wrap_content"android:layout_weight="300"></EditText>
 <Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/btnTab2"android:text="Tab2"></Button></LinearLayout>
 </FrameLayout>
 </TabHost>

程序源码:

 packagecom.testTab;
 importandroid.app.TabActivity;
 importandroid.os.Bundle;
 importandroid.view.View;
 importandroid.widget.Button;
 importandroid.widget.EditText;
 importandroid.widget.TabHost;
 importandroid.widget.TabHost.TabSpec;
 publicclasstestTabextendsTabActivity{//基于TabActivity构建

 ButtonbtnTab1,btnTab2;
 EditTextedtTab1,edtTab2;
 /**Calledwhentheactivityisfirstcreated.*/
 @Override
 publicvoidonCreate(BundlesavedInstanceState){
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);

 TabHosttabs=getTabHost();
 //设置Tab1
 TabSpectab1=tabs.newTabSpec("tab1");
 tab1.setIndicator("tab1");//设置tab1的名称
 tab1.setContent(R.id.Tab1);//关联控件
 tabs.addTab(tab1);//添加tab1

 btnTab1=(Button)this.findViewById(R.id.btnTab1);
 edtTab1=(EditText)this.findViewById(R.id.edtTab1);
 btnTab1.setOnClickListener(newClickEvent());

 //设置Tab2
 TabSpectab2=tabs.newTabSpec("tab2");
 tab2.setIndicator("tab2");
 tab2.setContent(R.id.Tab2);
 tabs.addTab(tab2);

 btnTab2=(Button)this.findViewById(R.id.btnTab2);
 edtTab2=(EditText)this.findViewById(R.id.edtTab2);
 btnTab2.setOnClickListener(newClickEvent());

 tabs.setCurrentTab(0);
 }

 classClickEventimplementsView.OnClickListener{
 @Override
 publicvoidonClick(Viewv){
 if(v==btnTab1)
 {
 edtTab1.setText("tab1");
 }
 elseif(v==btnTab2)
 {
 edtTab2.setText("tab2");
 }
 }

 }
 }