微信初始界面设计
设计目的：实现模拟微信四个界面的点击切换功能。
界面功能：
1、点击各种图标可以切换界面；
2、点击图标后切换颜色（实际上是换了一个图）；
3、可以重复点击，不自动结束程序；
功能实现过程：
1、UI界面设计
首先进行界面设计
要搞清楚需要什么控件，首先是MyWeChat的顶层界面，这里创建一个top的layout文件，添加一个textview即可，然后设置文本大小，背景以及居中对齐的效果，具体设置如下：
顶层设计完了，然后就是按钮了，这里我们也是采用在linearlayout下插入button，然后为了界面效果，咱们可以添加一个textview文本说明一下，界面可以更清晰、明确一点
总共设置四个选项，宽度啥的个性设计就看自己的了，图片也可以换掉，怎么好看怎么来，弄完之后i熬过应该是这样的
这里的warning是一个参数声明的问题，可以不用管
然后就是主体界面的设计，也就是即将展示的文本或者图片，音乐都可以，因为有四个button，所以这里我们设计四个界面，这里我们做的比较简单也就是一个textview控件，效果如下：
内容就像这样就可以了，可以复制粘贴快速完成
最后，我们需要有切换的功能，所以我们用到了fragment，且把四个界面压缩到fragment中，所以我们这样写
到这里，基本界面设计就完成了。
2、将界面压缩进入一个类里面，即变为对象
我们通过fragment来实现，例如这样
把每个设置的界面都写进去就可以了
3、对控件的调用和控制
首先我们做一个视图，就是运行后所展示的界面，所以我们调用控制过程中所有的button和textview
然后我们要添加fragment
我们还需要写一个用来隐藏图标的函数，这个hide是我们自己写的，逻辑很简单，就是我们先把所有的图标隐藏起来，然后点击再show出来，最后再重复加载，所以逻辑清晰了，就很简单了，具体如下
除了show出来之外，我们还要改变图标的颜色，实际上就是换一个图标
reset也是我们自己写的，用来找到我们最初的图标，这样才能完成完整的切换工作
最后我们需要做一个界面的监听，用来监听鼠标，由于我们是在view下监听，所以我们实际上监听整个界面，那么消耗的内存特别大，所以我们只需要对要点击的区域进行监听，当我们点击时作出反应
要做一个全活动监听，就必须要给它一个函数，所以这样
最后我们要对控件进行onclick操作，并且
最后记得函数调用就行了。
结果展示：
以上就是微信界面设计的全过程，详细代码可以访问：https://gitee.com/guan-zhiwei/three-interfaces-of-wechat.git，推荐各位小伙伴下载哦！
