微信app界面以及简单的跳转

一、 创建项目

创建一个empty项目

二、xm文件的编写

1. 先进行bottom.xml,top.xml,mylayout.xmlwen文件的bianxie
   bottom.xml文件的核心是，且这些xml文件都在resource下的layout文件夹下一个horizontal linearlayout里面包含四个vertical linearlayout，
   每个垂直的layout下有一个可以放图片的button和一个textview
   另一个top.xml文件也差不多，具体设计可以根据自己的喜好来，
   之后mylayout就是把bottom和top组合起来，形成我们界面的初始化界面，
   源代码下方的代码仓库中有，可自行下载。

三、点击图标跳转功能的编写

• 首先创建四个fragment_blank.xml文件，点击跳转后的页面界面就是这四个文件显示 的内容
  再进行java文件的编写，实现点击跳转功能
  创建四个fragment对应的java文件
  frament1对应的java文件
  引入fragment1.xml文件的内容
  frament1对应的java文件
  引入frament2.xml的内容
  并在frament2的textview上设置监听，这里的监听指跳转后点击跳转页面的textview会跳转成自己定义的东西。
  3，4和2一样。
  2.创建MainActivity.java进行主要逻辑编写
• 首先对java对象，Linearlayout，imageBotton进行实例化赋值，并在LinearLayout上设置监听
• （注意，create完成后要进行第一个函数的初始化）
• 下面进行三个辅助函数和四个主要函数的书写。
• 三个辅助函数：
• hideFragment（用于显示一个fragment时覆盖其他fragment）
• reseting(进行imagebutton的初始化图片)
• onclick（）（先进行reseting，再判断当先view是哪一个linearLayout，随后跳转到相应的函数处理中去）

四个主要函数
initFragment1()

• 开启事务

• 初始化fragment并添加到事务（注意这里初始化时，可以传值进去为franment页面的初始化界面的textview，值在相应的java文件的成员变量中，通过构造函数传进去的

• ）
  这里还可以设置点以后的图片变换，只需要再次设置imagebutton的resource图片就行

• 隐藏所有fragment

• 显示所需要的fragment

• 提交事务
  其余三个函数一样；
  结果图

  

  
  

gitee仓库代码地址