Android 选项卡实现

Tab选项卡是一个非常方便的组件

今天查询资料知道了android 选项卡的一种简单实现.

本篇文章来源于好岸园it技术学习网 (http://www.hopean.com) 

原文链接：http://www.hopean.com/devlop/

下面是简单的步骤.

1.在布局文件中使用FrameLayout列出Tab组件以及Tab中的内容组件

2.Activity要继承TabActivity

3.调用TabActivity的getTabHost( )方法来获得TabHost对象

4.通过TabHost创建Tab选项

创建工程后首先,

修改strings.xml文件

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">AndroidTabSelector</string>
    <string name="hello_world">Hello world!</string>
    <string name="menu_settings">Settings</string>
    <string name="test1">测试界面1</string>
    <string name="test2">测试界面2</string>
    <string name="test3">测试界面3</string>

</resources>

 

之后修改main.xml文件，详细代码如下：

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/FrameLayout01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >
  

    <TabHost
        android:id="@+id/TabHost01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
   

    <TextView
        android:id="@+id/TextView01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/test1" />
   

    <TextView
        android:id="@+id/TextView02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/test2" />
   

    <TextView
        android:id="@+id/TextView03"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/test3" />


</FrameLayout>

 

之后修改MainActivity.java文件，java代码如下：

package com.example.androidtabselector;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.app.TabActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.TabHost;

public class MainActivity extends TabActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		//setContentView(R.layout.activity_main);
		TabHost tah = getTabHost();
		// from(this)从TabActivity获取LayoutInflater
		// R.layout.main 存放Tab布局 
		// 通过TabHost获得存放Tab标签页内容的FrameLayout
		// 是否将inflate 加到根布局元素上 
		 LayoutInflater.from(this).inflate(R.layout.activity_main,
		 tah.getTabContentView(), true);
		 //设置Tab标签的内容和显示内容 
		 tah.addTab(tah.newTabSpec("tab1").setIndicator("选项1").setContent(R.id.TextView01));
		 tah.addTab(tah.newTabSpec("tab2").setIndicator("选项2").setContent(R.id.TextView02));

		 tah.addTab(tah.newTabSpec("tab3").setIndicator("选项3").setContent(R.id.TextView03));
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.activity_main, menu);
		return true;
	}

}

 

至此就可以实现简单的android 选项卡效果

 

本篇文章来源于好岸园it技术学习网 (http://www.hopean.com)  原文链接：http://www.hopean.com/devlop/

 

Demo源码下载