Android底部菜單欄（用TabHost一次性加載耗內存）

上一個項目已經作完了，這周基本上沒事，因此整理了下之前的項目，想把一些通用的部分封裝起來，這樣之後遇到類似的項目就不用重複發明輪子了，也節省了開發效率。今天把demo貼出來一是方便之後本身查詢，二是但願同時也能幫到你們。

           底部菜單欄很重要，我看了一下不少應用軟件都是用了底部菜單欄作。我這裏使用了tabhost作了一種通用的（就是能夠像微信那樣顯示未讀消息數量的，雖然以前也作過可是layout下的xml寫的太臃腫，這裏去掉了不少沒必要要的層，我的看起來仍是不錯的，因此貼出來方便之後使用）。

          先看一下作出來以後的效果：

 

       之後使用的時候就能夠換成本身項目的圖片和字體了，主框架不用變哈哈，

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

  
  
  
  
  

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

  
  
  
  
  
<?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:layout_width="fill_parent"  android:layout_height="fill_parent"  android:background="@color/bg_gray"  android:orientation="vertical" >   <FrameLayout  android:id="@android:id/tabcontent"  android:layout_width="fill_parent"  android:layout_height="0.0dip"  android:layout_weight="1.0" />   <TabWidget  android:id="@android:id/tabs"  android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:layout_weight="0.0"  android:visibility="gone" />   <FrameLayout  android:layout_width="fill_parent"  android:layout_height="wrap_content" >   <RadioGroup  android:id="@+id/main_tab_group"  android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:layout_gravity="bottom"  android:background="@drawable/bottom1"  android:gravity="bottom"  android:orientation="horizontal"  >   <RadioButton  android:id="@+id/main_tab_addExam"  style="@style/MMTabButton"  android:layout_weight="1.0"  android:drawableTop="@drawable/bg_checkbox_icon_menu_0"  android:text="添加考試" />   <RadioButton  android:id="@+id/main_tab_myExam"  style="@style/MMTabButton"  android:layout_weight="1.0"  android:checked="true"  android:drawableTop="@drawable/bg_checkbox_icon_menu_1"  android:text="個人考試" />   <RadioButton  android:id="@+id/main_tab_message"  style="@style/MMTabButton"  android:layout_weight="1.0"  android:drawableTop="@drawable/bg_checkbox_icon_menu_2"  android:text="個人通知" />   <RadioButton  android:id="@+id/main_tab_settings"  style="@style/MMTabButton"  android:layout_weight="1.0"  android:drawableTop="@drawable/bg_checkbox_icon_menu_3"  android:text="設置" />  </RadioGroup>   <TextView  android:id="@+id/main_tab_new_message"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:layout_gravity="center_horizontal|top"  android:layout_marginLeft="60dip"  android:layout_marginTop="1dip"  android:background="@drawable/tips"  android:gravity="center"  android:text="1"  android:textColor="#ffffff"  android:textSize="10sp"  android:visibility="gone" />  </FrameLayout>  </LinearLayout>  </TabHost> 

 在RadioGroup的外面加了一個FrameLayout，主要是爲了使用TextView顯示消息數量，這裏是居中靠左60dip，可能你會問直接寫死能支持多分辨率嗎，這個我在320*480的手機上試過沒問題的，由於dip是與設備無關的支持多分辨率，至於1280*800平板電腦這樣的分辨率我就不能保證了，哈哈！

      接下來是樣式佈局：

   
   
   
   
   

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

   
   
   
   
   
<style name="MMTabButton">  <item name="android:textSize">12.0dip</item>  <item name="android:gravity">center_horizontal</item>  <item name="android:background">@drawable/bg_checkbox_menus</item>  <item name="android:layout_width">fill_parent</item>  <item name="android:layout_height">wrap_content</item>  <item name="android:button">@null</item>  <item name="android:textColor">@color/white</item>  <item name="android:layout_weight">1.0</item>  <item name="android:paddingBottom">2.0dip</item>  <item name="android:paddingTop">2.0dip</item> </style> 

在drawable下bg_checkbox_menus.xml

   
   
   
   
   

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

   
   
   
   
   
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android">  <item  android:state_checked="false"  android:drawable="@drawable/mm_trans" />  <item  android:state_checked="true"  android:drawable="@drawable/home_btn_bg" /> </selector> 

其餘的那四個都合這個同樣點擊後圖片換成亮色的，因此就不一一貼出來了。

     最後看MainActivity這個類：

    
    
    
    
    

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

     
     
     
     
     

    
    
    
    
    
package cn.com.karl.test;    import android.app.TabActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.Window; import android.widget.RadioGroup; import android.widget.RadioGroup.OnCheckedChangeListener; import android.widget.TabHost; import android.widget.TextView;  public class MainActivity extends TabActivity {  /** Called when the activity is first created. */  private TabHost tabHost;  private TextView main_tab_new_message;   @Override  public void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  this.requestWindowFeature(Window.FEATURE_NO_TITLE);  setContentView(R.layout.main);   main_tab_new_message=(TextView) findViewById(R.id.main_tab_new_message);  main_tab_new_message.setVisibility(View.VISIBLE);  main_tab_new_message.setText("10");   tabHost=this.getTabHost();  TabHost.TabSpec spec;  Intent intent;   intent=new Intent().setClass(this, AddExamActivity.class);  spec=tabHost.newTabSpec("添加考試").setIndicator("添加考試").setContent(intent);  tabHost.addTab(spec);   intent=new Intent().setClass(this,MyExamActivity.class);  spec=tabHost.newTabSpec("個人考試").setIndicator("個人考試").setContent(intent);  tabHost.addTab(spec);   intent=new Intent().setClass(this, MyMessageActivity.class);  spec=tabHost.newTabSpec("個人通知").setIndicator("個人通知").setContent(intent);  tabHost.addTab(spec);    intent=new Intent().setClass(this, SettingActivity.class);  spec=tabHost.newTabSpec("設置").setIndicator("設置").setContent(intent);  tabHost.addTab(spec);  tabHost.setCurrentTab(1);   RadioGroup radioGroup=(RadioGroup) this.findViewById(R.id.main_tab_group);  radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {   @Override  public void onCheckedChanged(RadioGroup group, int checkedId) {  // TODO Auto-generated method stub  switch (checkedId) {  case R.id.main_tab_addExam://添加考試  tabHost.setCurrentTabByTag("添加考試");  break;  case R.id.main_tab_myExam://個人考試  tabHost.setCurrentTabByTag("個人考試");  break;  case R.id.main_tab_message://個人通知  tabHost.setCurrentTabByTag("個人通知");  break;  case R.id.main_tab_settings://設置  tabHost.setCurrentTabByTag("設置");  break;  default:  //tabHost.setCurrentTabByTag("個人考試");  break;  }  }  });  }   } 

  這樣就完成了，主要仍是使用了tabhost完成，tabhost有緩存機制這四個界面都會緩存到內存中，這樣即有利也有弊，有利是由於切換的時候不用在從新加載了，有弊是由於緩存四個界面會耗費內存較多一些。若是隻想緩存一個界面之後下一篇我會使用ActivityGroup實現頂部滑動欄，就像網易新聞的頂部滑動欄我相信也是隻緩存了一個界面，切換的時候是從數據庫加載的，因此第二次滑動加載會比較快。

        最後奉上下載地址，若是有須要的但願你們本身去下載吧，有些代碼存在本地時間長了我也會弄丟。[rar文件] android底部菜單欄demo

來源： <http://blog.csdn.net/yuzhiboyi/article/details/7782276#comments>

 

 

來自爲知筆記(Wiz)

附件列表