Android实现微信界面
1、新建一个Android工程,将图片粘贴到/res/drawable-hdpi目录下;

3、在/layout下,新建一个bottom.xml,实现下面的效果;由图片可以看出,总体是水平布局,但是内部每个部分上面是图片,下面是文字,所以每个部分是垂直布局;垂直布局中,先加入ImageView,然后加入TextView;具体代码如下:

4、将top.xml和bottom.xml添加到主布局中;主界面的效果图如下:很明显是垂直的线性布局,所以先添加垂直的线性布局;主界面中要将之前创建的top.xml和bottom.xml包括进来,在添加这两个布局时应选择【Include Other Layout】;添加进两个布局之后,发现不是原来的大小,此时修改xml文件,将设置宽度和高度的代码删除掉,就可以了,特别注意,是删除掉,不要注释掉,注释会报错;根据效果图知道,上面是top下面是bottom,中间是显示内容,显示内容要用FrameLlayout,刚开始添加进去,三块的内容会挤到一起,此时只需要在FrameLayout中添加属性android:layout_weight=”1”,设置比重就可以了;



6、添加事件响应要实现点击图标切换界面,还得添加事件响应,所以主界面要实现OnClickListener接口;Fragment如何切换?按照下面的代码可以实现加载页面:Frag罪焐芡拂mentManager fm = getSupportFragmentManager();FragmentTransaction transaction = fm.beginTransaction();Fragment01 fm01 = new Fragment01();transaction.replace(R.id.content, fm01);transaction.commit();replace代码中,替换的中间部分的FrameLayout,也需要先给布局中的FrameLayout指定id号;但是因为是三个页面,每个页面都这样写,会出现一些重复的代码,所以最好是将这个功能写入到一个方法中:同时更改MainActivity继承FragmentActivity;这样的话,在onClick()中 只需要写:实现界面切换首先要点击相应的图标,图标在bottom.xml中,图标所在的布局是linearlayout,所以首先要获得三个图标所在的三个linearlayout;需要提前给三个linearlayout指定id号;最好要记得注册监听事件,为了使得点击的区域大一点,最好给整个布局添加监听事件;特别注意,整个代码中,将初始化组件的部分写到了一个initView()方法中,但是要把这个方法写到onCreate()中,不让还是等于没有初始化这些组件!


7、到目前为止,我们运行代码之后,能实现界面之间的切换,但是运行之后,主界面没有任何内容;正常的微信运行之后,主界面就是微信的内容,所以我们应该在MainActivity中的onCreate()方法中,添加:selectTab(0);这样,运行代码之后,主界面直接是第一个图标微信的内容;selectTab()是界面切换的方法,选0是指第一个界面;





