代码地址在文末
1、往 app/res/drawable 下导入图片
2、编写 app/res/layout/activity_main.xml
3、编写 app/res/layout/bottom.xml
有warning不要紧，可以运行就行
4、编写 app/res/layout/top.xml
5、编写中间显示的文本
四个页面，四个文本
app/res/layout/tab01.xml
app/res/layout/tab02.xml
app/res/layout/tab03.xml
app/res/layout/tab04.xml
tab01.xml
tab02.xml
tab03.xml
tab04.xml
6、配置 fragment
app/java/com.example.mywechat/weixinFragment.java
app/java/com.example.mywechat/frdFragment.java
app/java/com.example.mywechat/contactFragment.java
app/java/com.example.mywechat/settingsFragment.java
最后一句改为 R.layout.tab + tab名(tab01,tab02,tab03,tab04)
weixinFragment.java
frdFragment.java
contactFragment.java
settingsFragment.java
7、配置 app/java/com.example.mywechat/MainActivity.java
将所有文件连接起来
8、运行
到此，实验结束
