这是我在写项目时的一部分经历，有部分知识点与问题，还有很多问题与修复过程忘记写了。

‍‌‍‍‍‌‌‍⁠‍‌‌‬⁠‍‌‍‌‌⁠‌‬‌‌⁠qq音乐 - 飞书云文档

本项目主要使用了mvp架构，前期在mvp架构学习的时间还是挺多的，和天气预报是两种mvp的写法，我使用下来，感觉之前写的通过公共接口，链式绑定的方法比较好用。

欢迎页面：

这里直接截图截的qq音乐做背景，

布局使用了ConstraintLayout布局，配上了Guideline来控制位置，同时获取了一些需要使用的权限，设置了页面的沉浸式，这里的fakeqq音乐四个字会慢慢出现

首页+社区界面：

布局：

首页是一个activity中的一个fragment，这个fragment又嵌套了viewpager2与tablayout的联动

技术：

但是因为qq音乐原版很男泵的重复页面，所以我这里的fragment直接复用的之后的页面

1. 这个页面的顶部是AppBarLayout+CollapsingToolbarLayout，在上滑时会消失，下滑会出现，但是不太灵敏
2. 剩下的几个是activity，尝试解决了横向的滑动冲突，使用了一个布局来包裹，并设置了事件拦截，使这片区域的操作全部被拦截，不会触发viewpager2的滑动。
3. 底部的播放器是window窗口

直播:

这个界面没有什么东西，因为对于原版来说，也就是recycleview的网格布局（甚至不是瀑布流），不过能动的封面倒是有点意思，虽然没写，但是之后可以学习一下。

布局：

没什么东西，viewpager2嵌套viewpager2嵌套fragment滚动视图

技术：

没有什么，还是一个解决了一下滑动冲突的问题

我的：

布局：

最上方个人栏是卡片布局，内部是约束布局，放了一些图片图标，使用guide来约束位置，底下是一个横向recycleview，再底下是一个tablayout联动viewpager2，但是禁用了滑动操作，增加了一个点击展开点击隐藏的功能。

技术：

最上方recycleview的播放图标，使用 Palette 提取主色调，并设置到上方，会随着图标变化

设置了点击出现和点击隐藏的功能，传入的list先隐藏部分，点击之后显现出来，再点击设置隐藏

播放：

这个界面是播放的界面

布局：

这个的布局比较复杂，整体是一个自定义的BackgourndAnimationRelativeLayout。唱盘区域包括唱盘、唱针、底盘、以及实现切换的ViewPager等控件。时长显示区域使用RelativeLayout作为根布局，进度条使用SeekBar实现。

技术：

1. 一些动画效果如转盘转动，唱针的动画
2. viewpager与服务的联动效果
3. 加载网络图片与唱盘合成一张图片
4. 背景白色蒙版使图标清晰，随歌曲切换背景图

播放效果以及其他实现：

这是歌单列表，使用BottomSheetDialog来实现，内部是recyleview，我直接复用的之前写的adapter,不过这里最好使用别的

点击之后会启动对应的歌曲界面，同时开始播放

底部的window会跟随当前播放的歌曲来变化，变化颜色，图片等，颜色是提取的主色调，文字颜色采用对比较为清楚的白色或黑色，跟随其变化

点击歌单（横向的大图）

进入歌曲列表，这是appbarlayout和CollapsingToolbarLayout实现的，向上划会有动画。白色蒙版覆盖在图片上面，使得内容比较清楚。

app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed"

加入这个可以使得内容变为沉浸式，即使最后的标题栏透明，不过qq音乐没有做这个，我也就没有去实现

随着上滑内容会渐变隐藏，标题栏会逐渐出现

唱盘界面的动画，随着音乐的播放与暂停，唱针会进行动画接近唱盘或远离

底部的seekbar通过handler来控制前进，如果拖动点击的话会变为红色的进度点。

还可实现的功能：

比如banner轮播图，但是这个轮播图原版没有怎么使用；

比如扫描本地歌曲，这个跟随博客学习的使用，照葫芦学习了扫描，但是一直扫不出来，我下载的MP3文件也扫不出来，不知道为什么，只能扫出来一个keystore.mp3,然后播放不了，会出错导致崩溃

比如通知栏的播放器功能，在通知控制服务的使用也是可以的，不过感觉可能和window这里的实现类似，而且主要是ui的实现，但是我大部分时间已经浪费在了服务播放音乐这方面，所以暂时没有写。