学步园

    Android 的联系人就是TabWidget的一个典型的应用。当用户需要用到多页的时候，TabWidget是一个非常好的选择。

    首先要实现这一效果，首先要了解TabHost,它是一个用来存放多个Tab标签的容器。每一个Tab都可以对应自己的布局，比如，电话薄中的TAB布局就是一个List线性布局了。

     要使用TabHost,必须通过TabActivity中的getTabHost方法来获取TabHost的对象，然后通过addTab的方法来向TabHost添加Tab,也就是添加一个新的标签页。Tab标签在切换的时候都会产生一个事件，可以通过TabActivity的事件监听setOnTabChangeListener.也可以设置默认的标签页：setCurrentTab(int index);index是添加的标签的索引，以0为开始。

   下面就以一个Demo为例子。

1：新建一个TabWidgetDemo工程。

2：修改Layout 的main.xml文件。

   <?xml version="1.0" encoding="utf-8"?><br /> <TabHost xmlns:android="http://schemas.android.com/apk/res/android"<br /> android:id="@android:id/tabhost"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"><br /> <LinearLayout<br /> android:orientation="vertical"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"><br /> <TabWidget<br /> android:id="@android:id/tabs"<br /> android:layout_width="fill_parent"<br /> android:layout_height="wrap_content"/><br /> <FrameLayout<br /> android:id="@android:id/tabcontent"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"><br /> <TextView<br /> android:id="@+id/textview1"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"<br /> android:text="this is first Tab "/><br /> <TextView<br /> android:id="@+id/textview2"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"<br /> android:text="this is second Tab"/><br /> <TextView<br /> android:id="@+id/textview3"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"<br /> android:text="this is third Tab"/><br /> </FrameLayout><br /> </LinearLayout>><br /> </TabHost>

3：修改源文件。

package com.rocky.studio.ch435;<br /> import android.app.Activity;<br /> import android.app.AlertDialog;<br /> import android.app.Dialog;<br /> import android.app.TabActivity;<br /> import android.content.DialogInterface;<br /> import android.graphics.Color;<br /> import android.os.Bundle;<br /> import android.widget.TabHost;<br /> import android.widget.TabHost.OnTabChangeListener;<br /> public class TabWidgetDemo extends TabActivity {</p> <p> private TabHost mTabHost;</p> <p> /** Called when the activity is first created. */<br /> @Override<br /> public void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> setContentView(R.layout.main);</p> <p> //取得TabHost对象<br /> mTabHost=this.getTabHost();</p> <p> //为TabHost添加标签<br /> //新建一个newTabSpec(newTabSpec)<br /> //设置其标签和图标(setIndicator)<br /> //设置内容</p> <p> mTabHost.addTab(mTabHost.newTabSpec("tab_test1").setIndicator("TAB 1",getResources().getDrawable(R.drawable.img1)).setContent(R.id.textview1));</p> <p> mTabHost.addTab(mTabHost.newTabSpec("tab_test2").setIndicator("TAB 2",getResources().getDrawable(R.drawable.img2)).setContent(R.id.textview2));</p> <p> mTabHost.addTab(mTabHost.newTabSpec("tab_test3").setIndicator("TAB 3",getResources().getDrawable(R.drawable.img3)).setContent(R.id.textview3));</p> <p> mTabHost.setBackgroundColor(Color.argb(150, 22, 70, 150));<br /> mTabHost.setCurrentTab(0);</p> <p> mTabHost.setOnTabChangedListener(new OnTabChangeListener()<br /> {<br /> @Override<br /> public void onTabChanged(String arg0) {<br /> // TODO Auto-generated method stub</p> <p> Dialog dialog=new AlertDialog.Builder(TabWidgetDemo.this)<br /> .setTitle("提示")<br /> .setMessage("当前选中:"+arg0+"标签")<br /> .setPositiveButton("点击确定",new DialogInterface.OnClickListener()<br /> {<br /> @Override<br /> public void onClick(DialogInterface dialog, int which) {<br /> // TODO Auto-generated method stub<br /> dialog.cancel();<br /> }<br /> }<br /> ).create();//创建按钮</p> <p> dialog.show();<br /> }<br /> });<br /> } </p> <p>}

4：这个控件可以玩出很多的花样。大家可以多试试。