[转载]Android开发系列（四） TabView 选项卡控件的使用 - Carlos.V - 博客园

[转载]Android开发系列（四） TabView 选项卡控件的使用 – Carlos.V – 博客园.

最近学习Android开发的时候，发现网上对于设计选项卡的教程很乱，因此结合Mars老师的视频，在这里做一下总结以备参考。

这里创建三个Activity，一个是TabActivity ，另外两个分别是两个选项卡对应的Activity。

第一步  创建三个Activity并在AndroidManifest文件中进行注册；

 

然后设置MainActivity 的布局：

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

<!-- 最外层是一个TabHost控件，对应了MianActivity,注意这里的id需要用系统自带的id -->

&nbsp;

<!--不要忘记设置方向  -->

&nbsp;

&nbsp;

然后是TabOne和TabTwo的布局：二者是一样的，所以只贴了一个

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

&nbsp;

第二步 在MainActivity中创建TabHost和TabHost.TabSpec对象，然后调用setIndicator() 和setContent() 方法，最后再调用TabHost的addTab()方法，将选项卡添加到选项卡控件中，程序如下：

package com.example.android_tabname;
import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.*;

public class MainActivity extends TabActivity{

TabHost tabHost=null; //选项卡控制器
TabHost.TabSpec tabSpecA,tabSpecB=null; //选项卡,这里选项卡最好不用混用，有几个选项卡就设置几个对象

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//获得TabHost实例；
tabHost=getTabHost();
//获得TabHost.TabSpec对象实例；
tabSpecA=tabHost.newTabSpec("One");
//为TabSpec对象设置指示器
tabSpecA.setIndicator("TabA",getResources().getDrawable(android.R.drawable.ic_media_play));
//为选项卡设置内容，这里需要创建一个intent对象
Intent intentA=new Intent();
intentA.setClass(this, TabOne.class);
tabSpecA.setContent(intentA);

//然后创建第二个选项卡：
tabSpecB=tabHost.newTabSpec("Two");
tabSpecB.setIndicator("TabB",getResources().getDrawable(android.R.drawable.ic_media_next));
Intent intentB=new Intent();
intentB.setClass(this, TabTwo.class);
tabSpecB.setContent(intentB);

//最后一步，把两个选项卡TabSpec添加到选项卡控件TabHost中
tabHost.addTab(tabSpecA);
tabHost.addTab(tabSpecB);

}

}

另外两个Activity只是设置了一下布局文件，后续可以根据不同需要进行扩展。代码如下：

package com.example.android_tabname;
import android.app.Activity;
import android.os.Bundle;

public class TabOne extends Activity{

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.layout_tabone);
}

}
package com.example.android_tabname;

import android.app.Activity;
import android.os.Bundle;

public class TabTwo extends Activity{

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.layout_tabtwo);
}

}

以上步骤就可以设置一个简单的选项卡：最终结果如下：