单元二 主页面与在线音乐列表开发

本单元进入代码开发阶段,从主页面布局开始,依次完成歌曲数据模型、列表展示和在线数据加载,为后续播放功能建立稳定的页面与数据基础。

一、学习目标

素质目标

序号目标内容
1形成按可运行的小步骤完成界面和数据功能的开发习惯。
2建立界面效果与布局代码相互核对的意识,及时发现控件位置和列表显示问题。
3建立以接口字段为准,核对数据模型、解析结果和页面显示的意识。

能力目标

序号目标内容
1能够使用 Activity、Fragment、ViewBinding 和布局文件组织音乐播放器主页面。
2能够使用 RecyclerView 和 Adapter 展示歌曲名称、歌手、播放入口和 MV 入口。
3能够使用 OkHttp 和 Gson 请求、解析并显示在线歌曲数据。

二、本单元工作内容

本单元完成以下工作:

  • 为应用配置启动页,点击图标后先显示工程内的音乐图标再进入主页面。
  • 搭建包含歌曲列表区域和底部播放控制栏的主页面框架。
  • 搭建列表项和底部播放栏的静态布局,预留播放、MV 和歌曲信息展示位置。
  • 创建 Song 数据模型,定义歌曲名称、歌手、音频地址、MV 地址和封面地址等字段。
  • 编写 RecyclerView 适配器,将歌曲数据绑定到列表条目。
  • 调用在线歌曲接口,解析 JSON 数据并处理加载失败后的页面结果。