Android入门之TabHost,TabWidget

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

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

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

tab.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"    android:layout_gravity="top" >            <TabWidget        android:id="@android:id/tabs"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_alignParentTop="true"        android:gravity="top" >    </TabWidget><RelativeLayout     xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent" >    <FrameLayout        android:id="@android:id/tabcontent"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:layout_alignParentLeft="true">        <LinearLayout            android:id="@+id/Tab1"            android:layout_width="fill_parent"            android:layout_height="wrap_content"            android:orientation="vertical" >            <EditText                android:id="@+id/edtTab1"                android:layout_width="fill_parent"                android:layout_height="wrap_content" />            <Button                android:id="@+id/btnTab1"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:text="Tab1" />        </LinearLayout>        <LinearLayout            android:id="@+id/Tab2"            android:layout_width="fill_parent"            android:layout_height="wrap_content"            android:orientation="vertical" >            <EditText                android:id="@+id/edtTab2"                android:layout_width="fill_parent"                android:layout_height="wrap_content" />            <Button                android:id="@+id/btnTab2"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:text="Tab2" />        </LinearLayout>    </FrameLayout>       </RelativeLayout></TabHost>

TabDemo.java

package com.tabhost;import android.app.TabActivity;import android.os.Bundle;import android.view.View;import android.widget.Button;import android.widget.EditText;import android.widget.TabHost;import android.widget.TabHost.TabSpec;public class TabDemo extends TabActivity {//基于TabActivity构建Button btnTab1,btnTab2;EditText edtTab1,edtTab2;    /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState)     {    super.onCreate(savedInstanceState);        setContentView(R.layout.tab);                TabHost tabs = getTabHost();                //设置Tab1        TabSpec tab1 = 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(new ClickEvent());                //设置Tab2        TabSpec tab2 = 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(new ClickEvent());                tabs.setCurrentTab(0);    }        class ClickEvent implements View.OnClickListener     {@Overridepublic void onClick(View v) {if(v==btnTab1){edtTab1.setText("tab1");}else if(v==btnTab2){edtTab2.setText("tab2");}}        }}

更多相关文章

随机推荐