仿网易云音乐的android源码（仿网易云音乐小程序）

今天给各位分享仿网易云音乐的android源码的知识，其中也会对仿网易云音乐小程序进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、Vue2.x仿网易云音乐项目问题记录（1）
• 2、musicInfo没有songs属性怎么解决仿网易云音乐
• 3、android仿网易云音乐播放器是如何避免滑动冲突的
• 4、Android 仿网易云音乐 音轨跳动效果

Vue2.x仿网易云音乐项目问题记录（1）

近期在做仿网易云音乐的项目，api用到GitHub上

NeteaseCloudMusicApi项目。

技术栈：Vue2.x，elementUI，Vuex，Vue Router

其中遇到部分问题特记录下：

如果想要修改elementUI，可以使用全局css。并在main.js中import。这样自定义的样式会作用的到对应的组件上例如

特别注意，class的名字一定要与elementUI的组件名一致，具体原因看下组件源码样式class就是组件名称。如果不想全局引用。可以在vue文件中，添加/deep/：

这样就可以在vue文件更改对应样式。

absolute和relative的区别

absoleute绝对定位的意思是说，它的定位不受父元素中其他元素的影响

relative相对定位，就是会受到父元素中其他元素影响

其中又left，right，top，bottom等控制元素所在位置。

对于absolute状况下：

left是，子控件，距离包含他的父控件的左侧的位置多少。类似padding-left。

right，top，bottom同上

其中，如果想做动态的布局，元素块随着窗口的大小改变而改变，可以这样用。

不设置width，设置父，子块元素的left，right，top， bottom即可。如果父级设置，子元素也要设置，不然对应效果不会显示的。

具体效果自行脑补。

ps：

会不定期的更新vue项目开发中遇到的部分坑吧。

musicInfo没有songs属性怎么解决仿网易云音乐

通过github拉取下的后台服务器，根据接口文档，调用真实的网易云音乐数据，独立开发而成。

开发完成后最大的感受就是一定要会看，会查微信小程序的官方API文档，出bug时首先检查语法是否正确（刚入门比较容易犯拼写错误），根据控制台给错的错误信息定位到相应文件，进行逻辑检查。

注意后端返回的数据类型和和格式转换，看清接口文档明白后端要接收到的实际参数。

android仿网易云音乐播放器是如何避免滑动冲突的

1处监听click事件，2处可以同时监听click与ontouch事件，由于监听的控件不同，所以一般不会产生冲突的吧，另外如果发生了ScrollView的滑动、ontouch、onclick之间冲突通过修改ontouch的返回值可以解决一部分，可以百度搜索一下

Android 仿网易云音乐 音轨跳动效果

网易云音乐的Loading效果，大家应该也比较熟悉了，效果是一个红色音轨不断跳动的效果，一般用于Loading等待时填充使用。本篇来自定义这个效果。

原理就是画4条垂直线，使用随机数不断更新，只要速度够快，就会形成跳动的效果。

画线调用canvas.drawLine()方法就可以画出来，而主要是计算每一条的垂直线的x坐标，y坐标使用随机比值（0 ~ 1）乘以总音轨高度即可算出。

其实x坐标可以不计算，我们可以使用canvas.translate()方法，每次画1条垂直线的时候，平移画布一个固定的间距距离，x坐标还是第一条先的垂直线的x坐标，再进行画线，疑似画4次后，就出现了4条垂直线了。

按照上面的平移的方式，就可以画出4条垂直线，但是效果是反的，为什么呢？如下图所示：

因为按照Android的坐标系，我们知道，默认坐标系的(0,0)原点在控件的左上角，原点发射出来的2条边都为正轴，如果按照这个坐标系，我们画出来的线是反的。

仿网易云音乐的android源码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于仿网易云音乐小程序、仿网易云音乐的android源码的信息别忘了在本站进行查找喔。