TabHost结合RadioButton实现主页的导航效果

 布局文件的设置，如下

 <?xml version="1.0" encoding="utf-8"?>
 <TabHost xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/tabhosts"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:layout_weight="1"
     android:background="#fff" >

     <LinearLayout
         android:layout_width="fill_parent"
         android:layout_height="match_parent"
         android:orientation="vertical" >

         <FrameLayout
             android:id="@android:id/tabcontent"
             android:layout_width="match_parent"
             android:layout_weight="1.0"
             android:layout_height="0.0dp" />

             <TabWidget
                 android:visibility="gone"
                 android:id="@android:id/tabs"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:layout_gravity="bottom"
                 android:orientation="horizontal"/>

                 <RadioGroup
                     android:layout_gravity="bottom"
                     android:gravity="center"
                     android:id="@+id/main_rdg"
                     android:background="@drawable/main_radio_bg"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:orientation="horizontal" >

                     <RadioButton
                         style="@style/bottom_radio_style"
                         android:id="@+id/rd_index"
                         android:layout_width="0dp"
                         android:layout_height="match_parent"
                            android:text="@string/index"
                            android:gravity="center_horizontal"
                            android:drawableTop="@drawable/icon_tab_homepage_checked"
                         android:layout_weight="1"
                          />

                     <RadioButton
                         style="@style/bottom_radio_style"
                         android:id="@+id/rd_near"
                         android:layout_width="0dp"
                         android:layout_height="match_parent"
                         android:layout_weight="1"
                         android:text="@string/near"
                         android:drawableTop="@drawable/icon_tab_nearby_checked" />

                     <RadioButton
                         style="@style/bottom_radio_style"
                         android:id="@+id/rd_own"
                         android:layout_width="0dp"
                         android:layout_height="match_parent"
                         android:layout_weight="1"
                         android:text="@string/own"
                         android:drawableTop="@drawable/icon_tab_mine_checked"/>

                     <RadioButton
                         style="@style/bottom_radio_style"
                         android:id="@+id/rd_more"
                         android:text="@string/more"
                         android:drawableTop="@drawable/icon_tab_more_checked"
                         android:layout_width="0dp"
                         android:layout_height="match_parent"
                         android:layout_weight="1" />
                 </RadioGroup>

     </LinearLayout>
 </TabHost>

 通过样式文件更改radioButton的效果

 <?xml version="1.0" encoding="utf-8"?>

 <resources xmlns:android="http://schemas.android.com/apk/res/android">

   <style name="bottom_radio_style">

       <item name="android:button">@null</item>

       <item name="android:gravity">center</item>

       <item name="android:background">@drawable/main_bottom_rd</item>

   </style>

 </resources>

 选择效果（选择一个标签是的一个选择效果）

 <?xml version="1.0" encoding="utf-8"?>

 <selector xmlns:android="http://schemas.android.com/apk/res/android">

 　　<item  android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/main_radio_select"></item>

 　　<item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/main_radio_select"></item>

 </selector>

 activity中的代码设置如下：

 package cn.liu.activity;
 public class MainActivity extends ActivityGroup {
     protected static final String TAG = "MainActivity";
     private TabHost tabHost = null;
     private RadioGroup rGroup;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         // 设置手机全屏显示
         requestWindowFeature(Window.FEATURE_NO_TITLE);
         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                 WindowManager.LayoutParams.FLAG_FULLSCREEN);
         setContentView(R.layout.main);
         // 通过findviewbyId这种方式找到tabhost，就必须要调用
         // setup方法，而且如果当前类，没有集成ActivityGroup,会报E/AndroidRuntime(380): java.lang.RuntimeException: Unable to start activity
  　　　　　　        ComponentInfo{cn.liu.eat/cn.liu.activity.MainActivity}: java.lang.IllegalStateException: Did you forget to call 'public void
                   setup(LocalActivityManager activityGroup)且setup必须要设置成this.getLocalActivityManager()这样才不会出问题
         tabHost = (TabHost) this.findViewById(R.id.tabhosts);
         tabHost.setup(this.getLocalActivityManager());
         TabSpec tabSpec1 = tabHost.newTabSpec("tab1").setIndicator("tab1")
                 .setContent(new Intent(this, HomeActivity.class));
         TabSpec tabSpec2 = tabHost.newTabSpec("tab2").setIndicator("tab2")
                 .setContent(new Intent(this, NearActivity.class));
         TabSpec tabSpec3 = tabHost.newTabSpec("tab3").setIndicator("tab3")
                 .setContent(new Intent(this, MineActivity.class));
         TabSpec tabSpec4 = tabHost.newTabSpec("tab4").setIndicator("tab4")
                 .setContent(new Intent(this, MoreActivity.class));

         tabHost.addTab(tabSpec1);
         tabHost.addTab(tabSpec2);
         tabHost.addTab(tabSpec3);
         tabHost.addTab(tabSpec4);
         tabHost.setCurrentTab(0);

         rGroup = (RadioGroup) this.findViewById(R.id.main_rdg);
         rGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
             @Override
             public void onCheckedChanged(RadioGroup group, int checkedId) {
                 switch (checkedId) {
                 case R.id.rd_index:
                     tabHost.setCurrentTabByTag("tab1");
                     break;
                 case R.id.rd_near:
                     tabHost.setCurrentTabByTag("tab2");
                     break;
                 case R.id.rd_own:
                     tabHost.setCurrentTabByTag("tab3");
                     break;
                 case R.id.rd_more:
                     tabHost.setCurrentTabByTag("tab4");
                     break;
                 }
             }
         });

     }

 }