Android UI TabHost总结

TabHost 包括两部分，TabWidget和FrameLayout。TabWidget就是每个tab的标签，FrameLayout则是tab内容。

1、如果我们使用extends TabAcitivty，如同ListActivity，TabHost必须设置为@android:id/tabhost
2、TabWidget必须设置android:id为@android:id/tabs
3、FrameLayout需要设置android:id为@android:id/tabcontent
4、参考这儿：http://blog.csdn.net/flowingflying/archive/2011/04/06/6304289.aspx
先自定义一个xml文件：

Java代码

1. <?xml version="1.0" encoding="utf-8"?>   
2. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@android:id/tabhost"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent">   
6.     <LinearLayout   
7.         android:orientation="vertical"  
8.         android:layout_width="fill_parent"  
9.         android:layout_height="fill_parent">   
10.     <FrameLayout   
11.         android:id="@android:id/tabcontent"  
12.         android:layout_width="fill_parent"  
13.         android:layout_height="fill_parent"  
14.          android:layout_weight="1.0"  
15.         android:paddingBottom="53px"/>   
16.     <TabWidget   
17.         android:id="@android:id/tabs"  
18.         android:layout_alignParentBottom="true"  
19.         android:layout_width="fill_parent"  
20.         android:layout_height="50px"    
21.         android:visibility="gone"  
22.         android:layout_weight="0.0"/>   
23.         <RadioGroup   
24.             android:gravity="center_vertical"  
25.             android:orientation="horizontal"  
26.             android:id="@+id/main_radio"  
27.             android:background="@drawable/radiogroup_background"  
28.             android:layout_width="fill_parent"  
29.             android:layout_height="50dip"  
30.             android:layout_gravity="bottom">   
31.             <RadioButton   
32.                 android:id="@+id/main_index_button"  
33.                 android:layout_marginTop="1.0dip"  
34.                 android:layout_marginRight="5dip"  
35.                 android:text="@string/main_name"  
36.                 android:drawableTop="@drawable/unistall"  
37.                 style="@style/main_tab_bottom"  
38.                 android:background="@drawable/radio_bg"/>   
39.             <RadioButton   
40.                 android:id="@+id/main_running_button"  
41.                 android:layout_marginTop="1.0dip"  
42.                 android:layout_marginRight="5dip"  
43.                 android:text="@string/run_manager_name"  
44.                 android:drawableTop="@drawable/unistall"  
45.                 style="@style/main_tab_bottom"  
46.                 android:background="@drawable/radio_bg"/>   
47.             <RadioButton   
48.                 android:id="@+id/main_uninstall_button"  
49.                 android:layout_marginTop="1.0dip"  
50.                 android:text="@string/uninstall_manager_name"  
51.                 android:drawableTop="@drawable/unistall"  
52.                 style="@style/main_tab_bottom"  
53.                 android:background="@drawable/radio_bg"/>   
54.         </RadioGroup>   
55.     </LinearLayout>   
56. </TabHost>  

<?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">
	<LinearLayout
		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="fill_parent"
		 android:layout_weight="1.0"
		android:paddingBottom="53px"/>
	<TabWidget
		android:id="@android:id/tabs"
		android:layout_alignParentBottom="true"
		android:layout_width="fill_parent"
		android:layout_height="50px" 
		android:visibility="gone"
		android:layout_weight="0.0"/>
		<RadioGroup
			android:gravity="center_vertical"
			android:orientation="horizontal"
			android:id="@+id/main_radio"
			android:background="@drawable/radiogroup_background"
			android:layout_width="fill_parent"
			android:layout_height="50dip"
			android:layout_gravity="bottom">
			<RadioButton
				android:id="@+id/main_index_button"
				android:layout_marginTop="1.0dip"
				android:layout_marginRight="5dip"
				android:text="@string/main_name"
				android:drawableTop="@drawable/unistall"
				style="@style/main_tab_bottom"
				android:background="@drawable/radio_bg"/>
			<RadioButton
				android:id="@+id/main_running_button"
				android:layout_marginTop="1.0dip"
				android:layout_marginRight="5dip"
				android:text="@string/run_manager_name"
				android:drawableTop="@drawable/unistall"
				style="@style/main_tab_bottom"
				android:background="@drawable/radio_bg"/>
			<RadioButton
				android:id="@+id/main_uninstall_button"
				android:layout_marginTop="1.0dip"
				android:text="@string/uninstall_manager_name"
				android:drawableTop="@drawable/unistall"
				style="@style/main_tab_bottom"
				android:background="@drawable/radio_bg"/>
		</RadioGroup>
	</LinearLayout>
</TabHost>

为了让tabHost显示在下方，要将RadioGroup的layout_gravity设置为bottom，再将FrameLayout的layout_weight设置为1，这样就可以将RadioGroup撑到最下方。style="@style/main_tab_bottom"里面定义了样式文件。

接下来就是在activity中初始化并添加tabhost：

Java代码

1. tabHost = (TabHost) findViewById(android.R.id.tabhost);   
2.         tabHost.addTab(Constant.tabHost.newTabSpec("Main")   
3.                 .setIndicator(getString(R.string.main_name),null)   
4.                 .setContent(new Intent(this, Main.class)));   
5.         tabHost.addTab(Constant.tabHost.newTabSpec("RunManager")   
6.                 .setIndicator(getString(R.string.run_manager_name),null)   
7.                 .setContent(new Intent(this, RunManager.class)));   
8.         tabHost.addTab(Constant.tabHost.newTabSpec("UninstallManager")   
9.                 .setIndicator(getString(R.string.uninstall_manager_name),null)   
10.                 .setContent(new Intent(this, UninstallManager.class)));  

tabHost = (TabHost) findViewById(android.R.id.tabhost);
		tabHost.addTab(Constant.tabHost.newTabSpec("Main")
				.setIndicator(getString(R.string.main_name),null)
				.setContent(new Intent(this, Main.class)));
		tabHost.addTab(Constant.tabHost.newTabSpec("RunManager")
				.setIndicator(getString(R.string.run_manager_name),null)
				.setContent(new Intent(this, RunManager.class)));
		tabHost.addTab(Constant.tabHost.newTabSpec("UninstallManager")
				.setIndicator(getString(R.string.uninstall_manager_name),null)
				.setContent(new Intent(this, UninstallManager.class)));

初始化每个RadioButton并为其添加setOnCheckedChangeListener事件，当点击相应的RadioButton时就可以通过setCurrentTabByTag()方法显示到当前页面。

 

1. private void initRadios() {   
2.         ((RadioButton) findViewById(R.id.main_index_button))   
3.                 .setOnCheckedChangeListener(this);   
4.         ((RadioButton) findViewById(R.id.main_running_button))   
5.                 .setOnCheckedChangeListener(this);   
6.         ((RadioButton) findViewById(R.id.main_uninstall_button))   
7.                 .setOnCheckedChangeListener(this);   
8.     }   
9.        
10.     @Override  
11.     public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {   
12.         if(isChecked){   
13.             switch (buttonView.getId()) {   
14.             case R.id.main_index_button:   
15.                 tabHost.setCurrentTabByTag("Main");   
16.                 break;   
17.             case R.id.main_running_button:   
18.                 tabHost.setCurrentTabByTag("RunManager");   
19.                 break;   
20.             case R.id.main_uninstall_button:   
21.                 tabHost.setCurrentTabByTag("UninstallManager");   
22.                 break;   
23.             }   
24.         }   
25.     }  

private void initRadios() {
		((RadioButton) findViewById(R.id.main_index_button))
				.setOnCheckedChangeListener(this);
		((RadioButton) findViewById(R.id.main_running_button))
				.setOnCheckedChangeListener(this);
		((RadioButton) findViewById(R.id.main_uninstall_button))
				.setOnCheckedChangeListener(this);
	}
	
	@Override
	public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
		if(isChecked){
			switch (buttonView.getId()) {
			case R.id.main_index_button:
				tabHost.setCurrentTabByTag("Main");
				break;
			case R.id.main_running_button:
				tabHost.setCurrentTabByTag("RunManager");
				break;
			case R.id.main_uninstall_button:
				tabHost.setCurrentTabByTag("UninstallManager");
				break;
			}
		}
	}

小结：
1、在一个tabActivity里面嵌套一个tabAcitivity, 如果在子tabActivity里面显示AlertDialog、ProgressDialog的话，就会引发此错误:android.view.WindowManager$BadTokenException: Unable to add window

解决方法：
可以把创建dialog时传递的参数xxx.this改成this.getParent()，其中的xxx为Activity