Android中tabhost选择栏

常见 的android主界面程序的tabhost选择栏的实现

布局activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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">    
    <RelativeLayout        
        android:orientation="vertical"        
        android:layout_width="fill_parent"        
        android:layout_height="fill_parent">  
        <FrameLayout            
            android:id="@android:id/tabcontent"            
            android:layout_width="fill_parent"            
            android:layout_height="match_parent" />  
             
        <TabWidget            
            android:id="@android:id/tabs"            
            android:layout_width="fill_parent"            
            android:layout_height="wrap_content"     
            android:layout_alignParentBottom="true"
            android:background="#29292a"
            android:layout_marginBottom="-3dip"/>
        
                
           
	</RelativeLayout>
</TabHost>

主程序MainActivity.java

package com.example.android_tabhost;

import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;
import android.view.Menu;
import android.view.Window;
import android.widget.TabHost;


public class MainActivity extends TabActivity {
	
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		this.requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		TabHost tabhost=getTabHost();
		
	
		
		Resources res=getResources();
		TabHost.TabSpec spec;
		Intent intent;
		
		intent=new Intent(MainActivity.this,first.class);
		spec=tabhost.newTabSpec("one").setIndicator("首页",res.getDrawable(R.drawable.ic_tab)).setContent(intent);
		tabhost.addTab(spec);
		
		intent=new Intent(MainActivity.this,second.class);
		spec=tabhost.newTabSpec("two").setIndicator(res.getString(R.string.main_order),res.getDrawable(R.drawable.ic_tab1)).setContent(intent);
		tabhost.addTab(spec);
		
		intent=new Intent(MainActivity.this,third.class);
		spec=tabhost.newTabSpec("three").setIndicator(res.getString(R.string.main_personal),res.getDrawable(R.drawable.ic_tab2)).setContent(intent);		
		tabhost.addTab(spec);
		
		intent=new Intent(MainActivity.this,fourth.class);
		spec=tabhost.newTabSpec("four").setIndicator(res.getString(R.string.main_buyer),res.getDrawable(R.drawable.ic_tab4)).setContent(intent);		
		tabhost.addTab(spec);
		
		tabhost.setCurrentTab(0);
		
		
		
	    
	}

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

}

其中有选择器的布局，分别是ic_tab、ic_tab1、ic_tab2、ic_tab4，作用是点击到该选项卡的时候会出现相应的点击效果

例如ic_tab的布局方式是（ic_tab.xml）

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- When selected, use grey -->
    <item android:drawable="@drawable/shouye1_selected"
          android:state_selected="true" />
    <!-- When not selected, use white-->
    <item android:drawable="@drawable/shouye1" />
</selector>

若是该选项卡被选中了就调用drawable中的shouye1_selected图片资源；若是没有被选中就调用drawable中的shouye1图片资源。注意该ic_tab.xml是存放在res/drawable路径下的。

可以分别建立相应的四个类，first.java、second.java、third.java、fourth.java作为四个选项卡的class，在四个class中可分别引入该类的布局方式

还有一点特别特别重要一定要修改AndroidManifest.xml中的Theme，可以改成theme="@android:style/Theme.Light.NoTitleBar"，要不然程序运行后不会出现图标，只会出现文字，切记切记！！！