整体项目的展示,接下来就根据页面的布局和要素进行完善。
一、(1.1):开发前的准备工作,首先创建一个空白音乐项目,这里一共写了三个标签
需要对标签进行分布排版和标签的滚动和切换。代码如下
1.2 根据音乐播放器的页面布局来编写页面结构和样式;页面的效果图:
三个页面要实现能够轮播,并且可以控制他的轮播速度。
1.3 通过滚动事件切换页面效果
1.4功能按钮的设置,需要展示的歌曲和页面的设置来实现
1.5每日歌曲推荐部分首先设置一个页面的结构图,根据结构图来进行完善。实现功能按钮以及样式
1.6热门音乐推荐列表,需要展示的歌曲和页面的设置来实现
1.7音乐推荐页面的最后一步,页面底部播放的设置。
二、播放器的设置。对播放器进行逻辑设计,设置页面要显示当前播放歌曲和音乐状态的数据,以及可以暂停和播放的控制效果。
三、播放列表,需要控制进度条的长度来控制歌曲的播放进度,和切换歌曲的功能