Android项目实战之高仿网易云音乐项目介绍

这一节我们来讲解这个项目所用到的一些技术,以及一些实现的效果图,让大家对该项目有一个整体的认识,推荐大家收藏该文章,因为我们发布文章后会在该文章里面加入链接,这样大家找着就很方便。

目录
第1章 前期准备
​    第1节 项目介绍

记得那是很多年前,我们去网吧的时候,都会用到酷狗音乐,因为他有卡拉OK歌词滚动,然后在玩着游戏,开着歌词显示到游戏前面感觉逼格很高,那时候还不知道网易云音乐这软件,所以当就想着卡拉OK歌词这么神奇,我要是能做出来就好了,但是很遗憾那时才上高中,也就学了点C语言写写单片机而已,还写不出这么高大上的功能;直到后来上班不知怎么遇到了网易云音乐,就用上了,也说不出网易云音乐有多好,甚至连卡拉OK歌词都没有,但是就感觉他的界面做的没那么复杂,如果你去看看其他的音乐软件就会发现界面有点复杂;虽然后面上班后也会一些技术了,但很遗憾的是上班后根本就没有时间,天天都是需求Bug,不是领导催就是测试催,不是测试催就是产品催,不是产品催就是UI催...,周末就更不想写了,就想睡觉,现在辞职创业了也有时间了,所以就做这样一门课程,也来完成我们多年的一个梦想,来写一个我的云音乐,大体的界面和交互逻辑和网易云音乐类似,主要是学习和巩固在Android中如果实现,音乐播放,视频播放,卡拉OK歌词,LRC歌词,以及桌面歌词,聊天,动态等功能,这一系列的文章我们会先后讲解Android的实现,iOS的实现,服务端的实现,Mac系统的时候,Windows系统的实现等平台,让大家能学习一个完整的知识体系,虽然学完以后做不了牛逼的全栈,但是你会体验到每个平台,每个语言的不同和精髓,这对大家是有帮助的。

我们这里仿照的版本是Android App 5.2.0.437608。

针对原版App最大的改进就是支持卡拉OK歌词,原版App是逐行滚动。效果图如下:
Android项目实战之高仿网易云音乐项目介绍

LRC逐行滚动歌词效果如下:
Android项目实战之高仿网易云音乐项目介绍

下面就对我们项目用到了一些技术和框架做一个整体介绍,让大家对该项目有一个整体的认识:

网络框架:OKHttp,选用他的目的是可以通过拦截器很好的扩展他,同时他也可以很好的配合RxJava和Retrofit这样的框架来完成请求,但是我们项目中可以只用到了这个框架的10/1的功能,所以想深入学习的朋友们请学习我们的推出的《详解OkHttp》课程。

在通知栏显示请求:chuck-library,用这个框架是可以从通知栏中查看到每一个请求,好处是不需要在电脑上抓包,也不需要给手机配置代理,特别打测试包时,测试人员也能通过这个看到,到底是客户端还是服务端问题一目了然,还有就是很多时候服务端让你给他发一个请求的请求参数等,用了这个库后,给他一个包,让他们爱怎么倒腾怎么倒腾,不用每次都找我们开发人员,从而专注工作,争取不加班。该框架在不会打包到线上环境中。效果如下图:
Android项目实战之高仿网易云音乐项目介绍

可以通过Chrome抓包:stetho,该工具是Facebook开源的,可以在Chrome浏览器中抓包,好处是开发的时候不用去触摸到手机,直接在电脑上抓包就行了,毕竟大多数程序员就很懒,例如我就是;像微信每次电脑登录的都的扫码,想想都心累,所以就基本不用微信,明明可以记住密码。该框架在不会打包到线上环境中;该库有个缺点是依赖Chrome,还有就是第一次打开抓包界面需要*,所以基于这些点其他人员使用就很麻烦,而上面哪个库就没这些问题。

JSON解析:Gson,该框架时Google开源的,同类的框架有FastJSON,JackSON到他们那个好,我们暂时还没做个相应的测试,如果那么朋友知道做个可以在添加我们的QQ进行讨论。

图片加载框架:Glide,该框架是Google一位员工开发的,但不是官方项目,这一点大家要注意,同时在官方仓库中也注明了。该框架有一个好处就是他可以获取到当前ImageView的尺寸,然后我们可以通过这一点来动态裁剪图片,例如:一个列表显示的图片尺寸为200PX,而原图是1000PX,所以在列表界面就没必要加载原图了,可以直接裁剪成200PX显示,这样既省流量加载速度又快,同类框架有Picasso,Fresco,具体的我们后面会推出一门关于Android图片加载框架的课程,会综合所有图片加载框架,先分析源码,然后总结出每个框架的有点和缺点,如果有必要可以综合所有框架有点在打造一个框架。

Palette:该框架是Android官方提供的调色板库,简单来讲就是可以同图片中提取出多个颜色,比如:明亮的,柔和的等,该框架虽然简单但逻辑还是稍微有一点复杂,因为他内部用到了颜色减值算法,同时我们在《详解Material Design》课程中分析的源码,还将该框架移植到iOS和Python。效果如下图:
Android项目实战之高仿网易云音乐项目介绍

CardView:该框架是Android官方提供的,可以用来实现圆角和阴影,详细的使用我们也在《详解Material Design》课程讲解了。效果可以查看下面的,首页图,发现Banner,还有Item都是有圆角的效果。

PhotoView:用来手势缩放图片,用在查看专辑大图时。

glide-transformations:该框架是用来结合Glide使用的一个图片处理特效库,提供了很多动画,我们这里用到的是高斯模糊效果,用在播放界面背景效果图。效果如下图:
Android项目实战之高仿网易云音乐项目介绍

MagicIndicator:用来代替TabLayout实现指示器效果,因为TabLayout自定义度要小一点。在首页的效果如下图:
Android项目实战之高仿网易云音乐项目介绍

commons-lang3:是Apache开源的一个常用工具类,同样在Java中也是经常使用,他提供了ObjectUtils,RandomUtils,SystemUtils,StringUtils等工具类;我们这里用到了StringUtils。

commons-io:同样还是Apache开源的一个常用工具类,可以从名字看出来是针对IO操作的,我们这里用到了FileUtils,因为大家经常用Java就会发现Java操作文件很麻烦,各种类不要太多,不信你可以随便找个做Java几年的人问,基本上说不出Java中和IO相关的类和继承关系;当然我们这里使用了OkHttp,而OkHttp又引用了OkIO,所以你可以通过OkIO来操作文件,关于OkIO的部分我们后面会增加到《详解OkHttp》课程中。

Emoji:以前的Android版本不支持Emoji,所以只能自己实现,现在Google提供了兼容库可以让我们很方便的实现;用在评论和动态界面。效果如下:
Android项目实战之高仿网易云音乐项目介绍

Multidex:使用的是Android官方提供的;当然你可以通过Gradle来自己实现分包。

动态流布局:flow-layout,用来实现像热门搜索这类流式布局。效果如下图:
Android项目实战之高仿网易云音乐项目介绍

第三方登录和分享:第三方登录使用的是ShareSDK。

LRecyclerView:使用它来实现对RecyclerView添加头部和下来刷新功能;如果想深入学习实现的朋友可以学习《详解RecyclerView》课程。

下载框架:AndroidDownloader,这是我们开源的一个下载框架。效果如下图:
Android项目实战之高仿网易云音乐项目介绍

Toolbar,CoordinatorLayout:可以说CoordinatorLayout是Android Design包中最复杂控件之一一点儿也不为过,因为他扩展性超强,详细的使用方法和源码分析在《详解Material Design》课程中讲解了。基本上所有界面都用到了Toolbar,CoordinatorLayout,但效果就是用户详情页页面的TabLayout悬停效果,默认如下图:

Android项目实战之高仿网易云音乐项目介绍

TabLayout悬停的效果如下:
Android项目实战之高仿网易云音乐项目介绍

数据库:使用了的是LiteOrm,同类框架有GreenDao他的使用到的类需要每次生成,但是网上的测试都说他效率更高,具体的我们暂时没有做个相关的测试,OrmLite。

聊天:使用到的融云IM,不带UI的那种,因为大部分请求下集成聊天都要自定义UI,同时也只有学会了自定义UI如何使用一个框架,那么以后在集成环信,腾讯IM等框架道理都是一样的;另外选择融云是因为他有Ruby语言的SDK,这样服务端实现就很简单了。效果如下图:

Android项目实战之高仿网易云音乐项目介绍

日期和时间:Joda-time,这个库在Java项目中使用很多,因为如果你经常使用Java自带的Api来处理日期和时间你就会发现很麻烦,所以说用该框架操作日期和时间是很方便的,还有一个点就是时区,所以我们服务端返回的时间都是ISO8601格式,而不是时间戳。

picture_library:用来选择图片,同类型的框架有很多,大家可以根据自己的喜好选择,而且选择图片难度也不到,所以也可以先学习下其他开源框自己在封装一个。用在发送动态和聊天发送图片。

阿里云OSS:用来发布动态时上传图片,现在很少有应用还自己存这些资源,好处是CDN,缓存等功能,不用担心性能和存储空间不够;同时他还提供水印,以及图片处理功能。

有米广告SDK:广告SDK可以说是很多,腾讯,360,小米都有;用在启动界面显示插屏广告。效果如下图:

Android项目实战之高仿网易云音乐项目介绍

效果的话和原版差不错,就是这个广告画风不太好。

跨界面通讯:这里使用的是EventBus,同类框架有饿了么也开源了一个。

Butterknife:用来快速绑定界面上的View和方法,该框架是基于APT实现,所以大家不要面试不懂千万不要说,这不就是注解实现的吗。

本课程中不会涉及到的内容,因为是本课程这是第一版本,不会涉及到MVP,MVVM,Kotlin等相关的技术,后续我们会在该课程的基础上用相应的基础实现,第一版要专注实现核心功能,而不是各种设计模式,各种架构。

注意:框架只是用来提高开发效率,并不能让你有多大的提高,也就说一个功能或者一个算法你实现不了,虽然用框架可能解决了问题,但是脱离了框架你就什么都不是了,所以大家平时还是要多深入学习,而不是仅仅停留在使用框架层面,只有这样才能让你走的更远。

如果感觉我们写的不错,可以支持我们一下,本项目提供的在线电子书在线视频教程,在官网购买可以优惠5元哟,同时视频课程也可以在网易云课程,腾讯课堂上购买,如果有任何问题可以添加我们的QQ来讨论:3469271680;评论可能回复不是很及时,还望大家体谅;购买课程后可以获得一对一答疑服务,当然也可以谈人生谈理想瞎扯淡;同时如果是零基础想学编程的朋友也可以联系我们进行咨询,我们可以提供一些建议和帮助,让你在编程道路上更顺畅。

上一篇:hadoop离线计算项目上线配置问题记录


下一篇:九度oj 题目1017:还是畅通工程