目录
一、功能说明
类似微信界面的设计。本次主要进行初步设计,完成微信页面的基础框架,即当点击下方按钮时,页面随之转换,分别包括“微信”、“通讯录”、“发现”、“我”,后续将会添加其他功能。
二、设计流程
1. 将屏幕界面分为上中下三个部分,进行初步设计。
根据微信界面的展示效果,我们知道上部主要展示带有“微信”的标签部分,在本次设计中,此部分为固定结构,即转换页面时该部分内容不发生改变,因此在我们设计的过程中,只需要设计出一个top.xml。底部页面同理。
中间部分是本次界面设计中相对而言较为复杂的一部分,为支持转换页面时出现不同界面效果,需要设计出四个分别对应的页面效果。现在很多手机和平板都是大尺寸和高分辨率,为了更好地重用和适应大屏幕的需求,在这其中需要引入Fragment,即“片段”。
右键layout文件夹,新建一个空白“Fragment”,对于同时产生的Java文件设置(
“R.layout.fragment_2”代表界面设计fragment_2.xml文件的位置,即res下的layout文件夹中。
):
通讯录页面,其他页面以此类推:
2. 整合上中下三部分页面。