用TabAcitivity制作Android顶部选项卡

先上结果截图:

用TabAcitivity制作Android顶部选项卡_第1张图片

接下来讲怎么做,很简单,两步即可:

1.新建一个选项卡的class继承TabActivity,新建一个对应的xml,xml里面加入三个layout。

         为啥要新建三个layout呢?因为我的选项卡要三个界面,所以要新建三个layout,根据每个layout的id,可以将其与选项卡绑定,做成三个选项卡界面。

我的xml代码如下:




    
       
       
    

    
       
       
    
    
       
       
    

    
       
       
    

2.在TabAcitivity里面将xml和Activity绑定,以及编写监听。

代码如下,很简单一看就懂。

package com.example.xiongy;
import android.app.TabActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.TabHost;
import android.widget.Toast;
import android.widget.TabHost.OnTabChangeListener;

public class XXK extends TabActivity{
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		
		//下面的代码用于创建选项卡以及将选项卡和对应layout绑定,一看就懂。
		TabHost tabHost = getTabHost();
		LayoutInflater.from(this).inflate(R.layout.activity_xxk, tabHost.getTabContentView(),true);
		tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("快捷").setContent(R.id.tab01));
		tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("好友").setContent(R.id.tab02));
		tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("日志").setContent(R.id.tab03));
		tabHost.addTab(tabHost.newTabSpec("tab4").setIndicator("相册").setContent(R.id.tab04));
			
		//下面为监听代码,一看就懂
		tabHost.setOnTabChangedListener(new OnTabChangeListener() {
			
			@Override
			public void onTabChanged(String tabId) {
				// TODO Auto-generated method stub
				if(tabId.equals("tab1")) {
					Toast.makeText(XXK.this, "点了1", Toast.LENGTH_SHORT).show();
				}
				if(tabId.equals("tab2")) {
					Toast.makeText(XXK.this, "点了2", Toast.LENGTH_SHORT).show();
				}
				if(tabId.equals("tab3")) {
					Toast.makeText(XXK.this, "点了3", Toast.LENGTH_SHORT).show();
				}
				if(tabId.equals("tab4")) {
					Toast.makeText(XXK.this, "点了4", Toast.LENGTH_SHORT).show();
				}
			}
		});
	}
}

至此完毕,赶紧模拟器运行看看吧~

你可能感兴趣的:(android)