随着时间的推移现在的软件要求显示的内容越来越多,所以要在小的屏幕上能够更好的显示更多的内容,首先我们会想到底部菜单栏,但是有时候想网易新闻要显示的内容太多,而且又想在主页面全部显示出来,所以有加了顶部导航栏,但是Android这样的移动设备内存是受限的,那么多界面缓存到内存中,很容易导致内存溢出,这个是比较致命的,所以不得不考虑。虽然我在之前也做过网易的顶部导航栏但是哪种方式并不好,就像使用viewpager做一些复杂的界面由于图片占用内存过多,很容易导致内存溢出,学习了今天的内容大家做一下对比相信就有所体会。

              先看一下今天要实现的效果:


android网易顶部导航栏demo·上_导航栏

          至于顶部导航的具体要用到的图片和布局大家自己调整。

        由于前面已经介绍了底部菜单栏了,所以一些重复性的代码就不贴上来了,最后我也会把下载地址贴上大家有兴趣自行下载。

        首先看一些顶部导航栏的布局文件:


  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.   <LinearLayout   
  8.     android:layout_width="fill_parent"  
  9.     android:layout_height="wrap_content">  
  10.             <RadioGroup  
  11.                 android:id="@+id/add_tab_group"  
  12.                 android:layout_width="fill_parent"  
  13.                 android:layout_height="wrap_content"  
  14.                 android:gravity="center"  
  15.                 android:paddingTop="6dp"  
  16.                 android:paddingBottom="6dp"  
  17.                 android:background="@drawable/big_button_up"  
  18.                 android:orientation="horizontal"  
  19.                  >  
  20.                 <RadioButton  
  21.                     android:id="@+id/main_tab_addExam"  
  22.                     style="@style/MMTabButton1"  
  23.                     android:layout_weight="1.0"  
  24.                     android:checked="true"  
  25.                     android:text="添加考试" />  
  26.                 <RadioButton  
  27.                     android:id="@+id/main_tab_myExam"  
  28.                     style="@style/MMTabButton1"  
  29.                     android:layout_weight="1.0"  
  30.                     android:text="我的考试" />  
  31.                 <RadioButton  
  32.                     android:id="@+id/main_tab_message"  
  33.                     style="@style/MMTabButton1"  
  34.                     android:layout_weight="1.0"  
  35.                     android:text="我的通知" />  
  36.                 <RadioButton  
  37.                     android:id="@+id/main_tab_testing"  
  38.                     style="@style/MMTabButton1"  
  39.                     android:layout_weight="1.0"  
  40.                     android:text="测试" />  
  41.                 <RadioButton  
  42.                     android:id="@+id/main_tab_settings"  
  43.                     style="@style/MMTabButton1"  
  44.                     android:layout_weight="1.0"  
  45.                     android:text="设置" />  
  46.             </RadioGroup>  
  47.        </LinearLayout>  
  48.     <LinearLayout  
  49.         android:id="@+id/container"  
  50.         android:layout_width="fill_parent"  
  51.         android:layout_height="fill_parent"  
  52.         android:layout_weight="1" >  
  53.     </LinearLayout>  
  54. </LinearLayout>  

下载链接在下节: