Android底部菜單欄demo

Android底部菜單欄很重要，我看了一下很多應用軟件都是用了底部菜單欄做。我這裡使用了tabhost做了一種通用的（就是可以像微信那樣顯示未讀消息數量的，雖然之前也做過但是layout下的xml寫的太臃腫，這裡去掉了很多不必要的層，個人看起來還是不錯的，所以貼出來方便以後使用）。

先看一下做出來之後的效果：

以後使用的時候就可以換成自己項目的圖片和字體了，主框架不用變哈哈，

首先是要布局layout下xml文件 main.xml:

2. <?xml version="1.0" encoding="UTF-8"?>  
4. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
5.     android:id="@android:id/tabhost"  
6.     android:layout_width="fill_parent"  
7.     android:layout_height="fill_parent" >  
8.   
9.     <LinearLayout  
10.         android:layout_width="fill_parent"  
11.         android:layout_height="fill_parent"  
12.         android:background="@color/bg_gray"  
13.         android:orientation="vertical" >  
14.   
15.         <FrameLayout  
16.             android:id="@android:id/tabcontent"  
17.             android:layout_width="fill_parent"  
18.             android:layout_height="0.0dip"  
19.             android:layout_weight="1.0" />  
20.   
21.         <TabWidget  
22.             android:id="@android:id/tabs"  
23.             android:layout_width="fill_parent"  
24.             android:layout_height="wrap_content"  
25.             android:layout_weight="0.0"  
26.             android:visibility="gone" />  
27.   
28.         <FrameLayout  
29.             android:layout_width="fill_parent"  
30.             android:layout_height="wrap_content" >  
31.   
32.             <RadioGroup  
33.                 android:id="@+id/main_tab_group"  
34.                 android:layout_width="fill_parent"  
35.                 android:layout_height="wrap_content"  
36.                 android:layout_gravity="bottom"  
37.                 android:background="@drawable/bottom1"  
38.                 android:gravity="bottom"  
39.                 android:orientation="horizontal"  
40.                  >  
41.   
42.                 <RadioButton  
43.                     android:id="@+id/main_tab_addExam"  
44.                     style="@style/MMTabButton"  
45.                     android:layout_weight="1.0"      
46.                     android:drawableTop="@drawable/bg_checkbox_icon_menu_0"  
47.                     android:text="添加考試" />  
48.   
49.                 <RadioButton  
50.                     android:id="@+id/main_tab_myExam"  
51.                     style="@style/MMTabButton"  
52.                     android:layout_weight="1.0"  
53.                     android:checked="true"  
54.                     android:drawableTop="@drawable/bg_checkbox_icon_menu_1"  
55.                     android:text="我的考試" />  
56.   
57.                 <RadioButton  
58.                     android:id="@+id/main_tab_message"  
59.                     style="@style/MMTabButton"  
60.                     android:layout_weight="1.0"  
61.                     android:drawableTop="@drawable/bg_checkbox_icon_menu_2"  
62.                     android:text="我的通知" />  
63.   
64.                 <RadioButton  
65.                     android:id="@+id/main_tab_settings"  
66.                     style="@style/MMTabButton"  
67.                     android:layout_weight="1.0"     
68.                     android:drawableTop="@drawable/bg_checkbox_icon_menu_3"  
69.                     android:text="設置" />  
70.             </RadioGroup>  
71.   
72.             <TextView  
73.                 android:id="@+id/main_tab_new_message"  
74.                 android:layout_width="wrap_content"  
75.                 android:layout_height="wrap_content"  
76.                 android:layout_gravity="center_horizontal|top"  
77.                 android:layout_marginLeft="60dip"  
78.                 android:layout_marginTop="1dip"  
79.                 android:background="@drawable/tips"  
80.                 android:gravity="center"  
81.                 android:text="1"  
82.                 android:textColor="#ffffff"  
83.                 android:textSize="10sp"  
84.                 android:visibility="gone" />  
85.         </FrameLayout>  
86.     </LinearLayout>  
87.   
88. </TabHost>