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

     xmlns:tools="http://schemas.android.com/tools"

     android:layout_width="match_parent"

     android:layout_height="match_parent" >

     <FrameLayout

         android:id="@+id/mHomeContainer"

         android:layout_width="match_parent"

         android:layout_height="match_parent"

         android:layout_above="@+id/mRadioGroup" >

     </FrameLayout>

     <RadioGroup

         android:id="@+id/mRadioGroup"

         android:layout_width="match_parent"

         android:layout_height="56dp"

         android:layout_alignParentBottom="true"

         android:background="@drawable/main_bottom_bg"

         android:orientation="horizontal" >

         <ImageView

             android:id="@+id/Tab_Conversation"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:layout_weight="1"

             android:contentDescription="@null"

             android:src="@drawable/skin_tab_icon_conversation_selected" />

         <ImageView

             android:id="@+id/Tab_Contact"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:layout_weight="1"

             android:contentDescription="@null"

             android:src="@drawable/skin_tab_icon_contact_normal" />

         <ImageView

             android:id="@+id/Tab_Plugin"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:layout_weight="1"

             android:contentDescription="@null"

             android:src="@drawable/skin_tab_icon_plugin_normal" />

     </RadioGroup>

 </RelativeLayout>

 import com.lidroid.xutils.ViewUtils;

 import com.lidroid.xutils.view.annotation.ContentView;

 import com.lidroid.xutils.view.annotation.ViewInject;

 import com.lidroid.xutils.view.annotation.event.OnClick;

 import android.support.v4.app.Fragment;

 import android.support.v4.app.FragmentTransaction;

 import android.support.v7.app.ActionBarActivity;

 import android.view.View;

 import android.view.Window;

 import android.widget.ImageView;

 import android.content.Context;

 import android.os.Bundle;

 @ContentView(R.layout.activity_main)

 public class MainActivity extends ActionBarActivity {

     @ViewInject(R.id.Tab_Conversation)

     private ImageView Tab_Conversation;

     @ViewInject(R.id.Tab_Contact)

     private ImageView Tab_Contact;

     @ViewInject(R.id.Tab_Plugin)

     private ImageView Tab_Plugin;

     private FragmentConversation mFragmentConversation;

     private FragmentContact mFragmentContact;

     private FragmentPlugin mFragmentPlugin;

     private Context mContext;

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         requestWindowFeature(Window.FEATURE_NO_TITLE);

         ViewUtils.inject(this);

         mContext = this;

         InitFragment();

         getSupportFragmentManager().beginTransaction()

                 .add(R.id.mHomeContainer, mFragmentConversation).commit();

     }

     private void InitFragment() {

         mFragmentConversation = new FragmentConversation();

         mFragmentContact = new FragmentContact();

         mFragmentPlugin = new FragmentPlugin();

     }

     /**

      * 隐藏其他所有Fragment

      */

     private void HideOtherFragments(Fragment fragment) {

         if (getSupportFragmentManager().getFragments() == null) {

             return;

         }

         for (Fragment fm : getSupportFragmentManager().getFragments()) {

             if (fm != fragment) {

                 getSupportFragmentManager().beginTransaction().hide(fm)

                         .commit();

             }

         }

     }

     /**

      * Tab切换

      *

      * @param view

      */

     @OnClick({ R.id.Tab_Conversation, R.id.Tab_Contact, R.id.Tab_Plugin })

     private void OnTabSelected(View view) {

         ClearSelection();

         FragmentTransaction mTransaction = getSupportFragmentManager()

                 .beginTransaction();

         switch (view.getId()) {

         case R.id.Tab_Conversation:

             Tab_Conversation.setImageDrawable(getResources().getDrawable(

                     R.drawable.skin_tab_icon_conversation_selected));

             if (!getSupportFragmentManager().getFragments().contains(

                     mFragmentConversation)) {

                 mTransaction.add(R.id.mHomeContainer, mFragmentConversation);

             }

             mTransaction.show(mFragmentConversation);

             HideOtherFragments(mFragmentConversation);

             break;

         case R.id.Tab_Contact:

             Tab_Contact.setImageDrawable(getResources().getDrawable(

                     R.drawable.skin_tab_icon_contact_selected));

             if (!getSupportFragmentManager().getFragments().contains(

                     mFragmentContact)) {

                 mTransaction.add(R.id.mHomeContainer, mFragmentContact);

             }

             mTransaction.show(mFragmentContact);

             HideOtherFragments(mFragmentContact);

             break;

         case R.id.Tab_Plugin:

             Tab_Plugin.setImageDrawable(getResources().getDrawable(

                     R.drawable.skin_tab_icon_plugin_selected));

             if (!getSupportFragmentManager().getFragments().contains(

                     mFragmentPlugin)) {

                 mTransaction.add(R.id.mHomeContainer, mFragmentPlugin);

             }

             mTransaction.show(mFragmentPlugin);

             HideOtherFragments(mFragmentPlugin);

             break;

         default:

             break;

         }

         mTransaction.commit();

     }

     /**

      * 清除所有选中状态

      */

     private void ClearSelection() {

         Tab_Conversation.setImageDrawable(getResources().getDrawable(

                 R.drawable.skin_tab_icon_conversation_normal));

         Tab_Contact.setImageDrawable(getResources().getDrawable(

                 R.drawable.skin_tab_icon_contact_normal));

         Tab_Plugin.setImageDrawable(getResources().getDrawable(

                 R.drawable.skin_tab_icon_plugin_normal));

     }

 }