1. 
3. 完成上述的网页，并且能够左右切换
4. 注：
5. 一下的带代码只能够在Android的3.0以上的版本中使用。
8. 这是java文件的源代码
9. /*
10. *作者浅淡~夏天
11. *Time：2014/12/14
12. *微信界面
13. */
16. package com.android.xiong.fragmentnavigation2;  
17.   
18. import android.app.Activity;  
19. import android.app.Fragment;  
20. import android.app.FragmentManager;  
21. import android.app.FragmentTransaction;  
22. import android.os.Bundle;  
23. import android.view.KeyEvent;  
24. import android.view.Menu;  
25. import android.view.View;  
26. import android.view.View.OnClickListener;  
27. import android.widget.RadioButton;  
28. import android.widget.Toast;  
29.   
30. public class MainActivity extends Activity {  
31.   
32.     private RadioButton ra_weixin_bt, ra_tongxunlu_bt, ra_faxian_bt, ra_wo_bt;  
33.     private Fragment talkFragment, addressFragment, findFragment, meFragment;  
34.     FragmentManager fgManager;  
35.     private int i = 0;  
36.   
37.     @Override  
38.     protected void onCreate(Bundle savedInstanceState) {  
39.         super.onCreate(savedInstanceState);  
40.         setContentView(R.layout.activity_main);  
41.         fgManager = getFragmentManager();  
42.         init();  
43.         ra_weixin_bt.setOnClickListener(new OnClickListener() {  
44.             @Override  
45.             public void onClick(View v) {  
46.                 talkFragment = new WeChatTalkFragment();  
47.                 changeFrament(talkFragment, null, "talkFragment");  
48.                 changeRadioButtonImage(v.getId());  
49.             }  
50.         });  
51.         ra_tongxunlu_bt.setOnClickListener(new OnClickListener() {  
52.   
53.             @Override  
54.             public void onClick(View v) {  
55.                 addressFragment = new AddressFragment();  
56.                 changeFrament(addressFragment, null, "addressFragment");  
57.                 changeRadioButtonImage(v.getId());  
58.             }  
59.         });  
60.         ra_faxian_bt.setOnClickListener(new OnClickListener() {  
61.   
62.             @Override  
63.             public void onClick(View v) {  
64.                 findFragment = new FindFragment();  
65.                 changeFrament(findFragment, null, "findFragment");  
66.                 changeRadioButtonImage(v.getId());  
67.   
68.             }  
69.         });  
70.         ra_wo_bt.setOnClickListener(new OnClickListener() {  
71.   
72.             @Override  
73.             public void onClick(View v) {  
74.                 meFragment = new MeFragment();  
75.                 changeFrament(meFragment, null, "meFragment");  
76.                 changeRadioButtonImage(v.getId());  
77.             }  
78.         });  
79.     }  
80.   
81.     // 初始化信息  
82.     public void init() {  
83.         ra_weixin_bt = (RadioButton) findViewById(R.id.ra_weixin_bt);  
84.         ra_tongxunlu_bt = (RadioButton) findViewById(R.id.ra_tongxunlu_bt);  
85.         ra_faxian_bt = (RadioButton) findViewById(R.id.ra_faxian_bt);  
86.         ra_wo_bt = (RadioButton) findViewById(R.id.ra_wo_bt);  
87.         talkFragment = new WeChatTalkFragment();  
88.         addressFragment = new AddressFragment();  
89.         findFragment = new FindFragment();  
90.         meFragment = new MeFragment();  
91.         changeFrament(talkFragment, null, "talkFragment");  
92.         // 更换 android:drawableTop图pain资源  
93.         ra_weixin_bt.setCompoundDrawablesWithIntrinsicBounds(0,  
94.                 R.drawable.n_talk_l, 0, 0);  
95.     }  
96.   
97.     // 切界面  
98.     public void changeFrament(Fragment fragment, Bundle bundle, String tag) {  
99.   
100.         for (int i = 0, count = fgManager.getBackStackEntryCount(); i < count; i++) {  
101.             fgManager.popBackStack();  
102.         }  
103.         FragmentTransaction fg = fgManager.beginTransaction();  
104.         fragment.setArguments(bundle);  
105.         fg.add(R.id.fragmentRoot, fragment, tag);  
106.         fg.addToBackStack(tag);  
107.         fg.commit();  
108.   
109.     }  
110.   
111.     // 更换RadioButton图片  
112.     public void changeRadioButtonImage(int btids) {  
113.         int[] imageh = { R.drawable.n_address_h, R.drawable.n_find_h,  
114.                 R.drawable.n_me_h, R.drawable.n_talk_h };  
115.         int[] imagel = { R.drawable.n_address_l, R.drawable.n_find_l,  
116.                 R.drawable.n_me_l, R.drawable.n_talk_l };  
117.         int[] rabt = { R.id.ra_tongxunlu_bt, R.id.ra_faxian_bt, R.id.ra_wo_bt,  
118.                 R.id.ra_weixin_bt };  
119.         switch (btids) {  
120.         case R.id.ra_tongxunlu_bt:  
121.             changeImage(imageh, imagel, rabt, 0);  
122.             break;  
123.         case R.id.ra_faxian_bt:  
124.             changeImage(imageh, imagel, rabt, 1);  
125.             break;  
126.         case R.id.ra_wo_bt:  
127.             changeImage(imageh, imagel, rabt, 2);  
128.             break;  
129.         case R.id.ra_weixin_bt:  
130.             changeImage(imageh, imagel, rabt, 3);  
131.             break;  
132.         default:  
133.             break;  
134.         }  
135.     }  
136.   
137.     @Override  
138.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
139.         if (keyCode == KeyEvent.KEYCODE_BACK) {  
140.             if (i == 0) {  
141.                 Toast.makeText(this, "再点击一次将退出程序", Toast.LENGTH_SHORT).show();  
142.                 i++;  
143.             } else {  
144.                 this.finish();  
145.             }  
146.             return false;  
147.         }  
148.         return super.onKeyDown(keyCode, event);  
149.     }  
150.   
151.     public void changeImage(int[] image1, int[] image2, int[] rabtid, int index) {  
152.         for (int i = 0; i < image1.length; i++) {  
153.             if (i != index) {  
154.                 ((RadioButton) findViewById(rabtid[i]))  
155.                         .setCompoundDrawablesWithIntrinsicBounds(0, image1[i],  
156.                                 0, 0);  
157.             } else {  
158.                 ((RadioButton) findViewById(rabtid[i]))  
159.                         .setCompoundDrawablesWithIntrinsicBounds(0, image2[i],  
160.                                 0, 0);  
161.             }  
162.         }  
163.     }  
165.   
166.     @Override  
167.     public boolean onCreateOptionsMenu(Menu menu) {  
168.         // Inflate the menu; this adds items to the action bar if it is present.  
169.         getMenuInflater().inflate(R.menu.main, menu);  
170.         return true;  
171.     }  
172.   
173. }  
174. 一下是XML文件：

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:background="#dbdbdb"  
6.     tools:context=".MainActivity" >  
7.   
8.     <LinearLayout  
9.         android:id="@+id/fragmentRoot"  
10.         android:layout_width="match_parent"  
11.         android:layout_height="match_parent"  
12.         android:orientation="vertical" >  
13.     </LinearLayout>  
14.   
15.     <LinearLayout  
16.         android:id="@+id/bottomList"  
17.         android:layout_width="match_parent"  
18.         android:layout_height="wrap_content"  
19.         android:layout_alignParentBottom="true"  
20.         android:background="@android:color/black"  
21.         android:orientation="horizontal" >  
22.   
23.         <LinearLayout style="@style/linaer_bottom" >  
24.   
25.             <RadioButton  
26.                 android:id="@+id/ra_weixin_bt"  
27.                 style="@style/rbt_bottom"  
28.                 android:drawableTop="@drawable/n_talk_h"  
29.                 android:text="@string/weixin" />  
30.         </LinearLayout>  
31.   
32.         <LinearLayout style="@style/linaer_bottom" >  
33.   
34.             <RadioButton  
35.                 android:id="@+id/ra_tongxunlu_bt"  
36.                 style="@style/rbt_bottom"  
37.                 android:drawableTop="@drawable/n_address_h"  
38.                 android:text="@string/tongxulu" />  
39.         </LinearLayout>  
40.   
41.         <LinearLayout style="@style/linaer_bottom" >  
42.   
43.             <RadioButton  
44.                 android:id="@+id/ra_faxian_bt"  
45.                 style="@style/rbt_bottom"  
46.                 android:drawableTop="@drawable/n_find_h"  
47.                 android:text="@string/faxian" />  
48.         </LinearLayout>  
49.   
50.         <LinearLayout style="@style/linaer_bottom" >  
51.   
52.             <RadioButton  
53.                 android:id="@+id/ra_wo_bt"  
54.                 style="@style/rbt_bottom"  
55.                 android:drawableTop="@drawable/n_me_h"  
56.                 android:text="@string/wo" />  
57.         </LinearLayout>  
58.     </LinearLayout>  
59.   
60. </RelativeLayout>  

Fragment的微信界面源代码