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" >
9. <LinearLayout
10. android:layout_width="fill_parent"
11. android:layout_height="fill_parent"
12. android:background="@color/bg_gray"
13. android:orientation="vertical" >
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" />
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" />
28. <FrameLayout
29. android:layout_width="fill_parent"
30. android:layout_height="wrap_content" >
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. >
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="添加考試" />
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="我的考試" />
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="我的通知" />
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>
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>
88. </TabHost>