TabLayout简单例子

要生成一个Tab UI需要用到两个类，一个是TabHost,一个是TabWidget. TabWidget是用来显示标签栏的，内嵌在TabHost里面。

首先创建以TabHost为根节点的XMl布局文件:

<?xml version="1.0" encoding="utf-8"?>
<!-- 将Layout的XML文件的根节点设置为TabHost，并且id要为Android内置的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="fill_parent" >

    <!-- 将TabHost里面的布局设置为线性布局 -->


    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:padding="5dp" >

        <!-- 设置TabHost里面的TabWidget,放置标签,id要设置为Android内置的id: @android:id/tabs -->

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >
        </TabWidget>

        <!-- 设置TabHost里面的FrameLayout,放置内容,id设置为Android是内置id: @android:id/tabcontent -->

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" >
        </FrameLayout>
    </LinearLayout>

</TabHost>

生成三个对应于标签内容的Activity:

PictureActivity:

public class PictureActivity extends Activity
{
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		System.out.println("PictureActivity--->onCreate");
		super.onCreate(savedInstanceState);

		LinearLayout layout = new LinearLayout(this);
		layout.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));

		ImageView imgView = new ImageView(this);
		imgView.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
		imgView.setImageResource(R.drawable.girl);
		layout.addView(imgView);

		setContentView(layout);
	}
}

TextActivity:

public class TextActivity extends Activity
{
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		System.out.println("TextActivity--->onCreate");
		super.onCreate(savedInstanceState);

		LinearLayout layout = new LinearLayout(this);
		layout.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));

		TextView textView = new TextView(this);
		textView.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
		textView.setText("你好，这是个美女信息");
		layout.addView(textView);
		setContentView(layout);
	}
}

EditActivity:

public class EditActivity extends Activity
{
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		System.out.println("EditActivity--->onCreate");
		super.onCreate(savedInstanceState);

		LinearLayout layout = new LinearLayout(this);
		layout.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));

		EditText edit = new EditText(this);
		edit.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
		layout.addView(edit);

		setContentView(layout);
	}
}

主要的Activity:

public class MyTab extends TabActivity
{
	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		// 得到xml里面定义的TabHost
		TabHost host = getTabHost();
		// 开始生成三个标签，分别对应PictureActivity,TextActivity,EditActivity

		TabHost.TabSpec label1 = host.newTabSpec("picture");
		// 设置标签的图片及信息
		label1.setIndicator("相片", getResources().getDrawable(R.drawable.label1));
		// 设置便签对应显示内容
		label1.setContent(new Intent(this, PictureActivity.class));
		host.addTab(label1);

		// 同样设置另外两个标签
		TabHost.TabSpec label2 = host.newTabSpec("information");
		label2.setIndicator("个人信息", getResources().getDrawable(R.drawable.label2));
		label2.setContent(new Intent(this, TextActivity.class));
		host.addTab(label2);

		TabHost.TabSpec label3 = host.newTabSpec("edit");
		label3.setIndicator("编辑", getResources().getDrawable(R.drawable.label3)).setContent(new Intent(this, EditActivity.class));
		host.addTab(label3);

		host.setCurrentTab(0);
	}
}

TabWidget会在TabHost调用addTab()时候，系统自动将新增的Tab加进TabWidget中，这个不用我们来操作。