移动开发作业一:类微信界面开发

133 阅读1分钟

这是我「安卓开发课」的第一个项目

1.任务需求分析

目标效果展示

  • 需要实现的界面如下图所示: image.png

界面任务拆分

  • 头部 image.png
  • 中部 image.png
  • 底部 image.png

具体代码设计:

UI设计

  • 图标:点击前和点击后 image.png
  • 头部设计: image.png
  • 底部设计: image.png
  • 中部设计(一共四部分,只是文案不同,这里只展示一个): image.png

后台代码设计(详细见底部源码地址):

  • 4个Fragment(点击微信,通讯录,发现,我之后,中间界面发生相应改变)

    发现示例: image.png

  • MainActivity(主要后台逻辑功能): image.png

源码地址:

Address:mini-wechat