Android網易頂部導航欄demo

隨著時間的推移現在的軟件要求顯示的內容越來越多，所以要在小的屏幕上能夠更好的顯示更多的內容，首先我們會想到底部菜單欄，但是有時候想網易新聞要顯示的內容太多，而且又想在主頁面全部顯示出來，所以有加了頂部導航欄，但是Android這樣的移動設備內存是受限的，那麼多界面緩存到內存中，很容易導致內存溢出，這個是比較致命的，所以不得不考慮。雖然我在之前也做過網易的頂部導航欄但是哪種方式並不好，就像使用viewpager做一些復雜的界面由於圖片占用內存過多，很容易導致內存溢出，學習了今天的內容大家做一下對比相信就有所體會。

先看一下今天要實現的效果：

至於頂部導航的具體要用到的圖片和布局大家自己調整。

由於前面已經介紹了底部菜單欄了，所以一些重復性的代碼就不貼上來了，最後我也會把下載地址貼上大家有興趣自行下載。

首先看一些頂部導航欄的布局文件：

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:orientation="vertical" >  
6.     <include layout="@layout/head" />  
7.      
8.   <LinearLayout   
9.     android:layout_width="fill_parent"  
10.     android:layout_height="wrap_content">  
11.             <RadioGroup  
12.                 android:id="@+id/add_tab_group"  
13.                 android:layout_width="fill_parent"  
14.                 android:layout_height="wrap_content"  
15.                 android:gravity="center"  
16.                 android:paddingTop="6dp"  
17.                 android:paddingBottom="6dp"  
18.                 android:background="@drawable/big_button_up"  
19.                 android:orientation="horizontal"  
20.                  >  
21.   
22.                 <RadioButton  
23.                     android:id="@+id/main_tab_addExam"  
24.                     style="@style/MMTabButton1"  
25.                     android:layout_weight="1.0"  
26.                     android:checked="true"  
27.                     android:text="添加考試" />  
28.   
29.                 <RadioButton  
30.                     android:id="@+id/main_tab_myExam"  
31.                     style="@style/MMTabButton1"  
32.                     android:layout_weight="1.0"  
33.                      
34.                     android:text="我的考試" />  
35.   
36.                 <RadioButton  
37.                     android:id="@+id/main_tab_message"  
38.                     style="@style/MMTabButton1"  
39.                     android:layout_weight="1.0"  
40.                     android:text="我的通知" />  
41.   
42.                 <RadioButton  
43.                     android:id="@+id/main_tab_testing"  
44.                     style="@style/MMTabButton1"  
45.                     android:layout_weight="1.0"  
46.                     android:text="測試" />  
47.                 <RadioButton  
48.                     android:id="@+id/main_tab_settings"  
49.                     style="@style/MMTabButton1"  
50.                     android:layout_weight="1.0"  
51.                     android:text="設置" />  
52.             </RadioGroup>  
53.               
54.        </LinearLayout>  
55.          
56.     <LinearLayout  
57.         android:id="@+id/container"  
58.         android:layout_width="fill_parent"  
59.         android:layout_height="fill_parent"  
60.         android:layout_weight="1" >  
61.     </LinearLayout>  
62. </LinearLayout>