Android Studio 微信界面开发——主页面框架

目录

功能说明

设计流程

核心代码详解

总结

源码开源地址（gitee）

---

一、功能说明

类似微信界面的设计。本次主要进行初步设计，完成微信页面的基础框架，即当点击下方按钮时，页面随之转换，分别包括“微信”、“通讯录”、“发现”、“我”，后续将会添加其他功能。

二、设计流程

        1. 将屏幕界面分为上中下三个部分，进行初步设计。

 根据微信界面的展示效果，我们知道上部主要展示带有“微信”的标签部分，在本次设计中，此部分为固定结构，即转换页面时该部分内容不发生改变，因此在我们设计的过程中，只需要设计出一个top.xml。底部页面同理。

 中间部分是本次界面设计中相对而言较为复杂的一部分，为支持转换页面时出现不同界面效果，需要设计出四个分别对应的页面效果。现在很多手机和平板都是大尺寸和高分辨率，为了更好地重用和适应大屏幕的需求，在这其中需要引入Fragment，即“片段”。

右键layout文件夹，新建一个空白“Fragment”，对于同时产生的Java文件设置（

“R.layout.fragment_2”代表界面设计fragment_2.xml文件的位置，即res下的layout文件夹中。

）：

 通讯录页面，其他页面以此类推：

        2. 整合上中下三部分页面。