MaterialDesign4AppAndroid 技术开发Android开发

material design系,音乐播放器app 开发进度记录

2017-08-15  本文已影响1170人  丶dtdsn

一款md系本地音乐播放器

主要功能是播放本地音乐,提供自识别音乐专辑图,歌词,以及正确的专辑分类,附带功能是可下载音乐(可能会接入mv观看下载功能)。

从今年5月就已经建项目了,独立开发。
因平时还要上班写公司项目,只能抽出时间做这个app,所以进度很慢。

本文长期更新进度,完成后会发布下载链接,(绝不加广告)

小伙伴有什么想法意见都在下边评论,或者喜欢加入什么功能的都行。

最重要的,不支持android5.0以下版本和4.3以下的屏幕。
可收藏养肥再看
预计完结时间,2017年12月31日。


2017/9/14
公司赶项目,我一人同时做两个并且维护一个,所以近几个月可能没时间了。。。

年底可能做不完了。。。。。。。。。。。

暂停更新

2017,9,5
去掉所有界面的分割线
效果如下!

去掉分割线的列表

去掉分割线的列表

做了一个专辑列表界面,可能要改


专辑界面初定

写了更新app的代码

2017,8,24
完善播放页面
优化播放逻辑

播放页面完善图 字体调节弹窗 字体弹窗

2017-8-22更新

优化播放控制逻辑
整个播放逻辑并没有用广播去控制
而是监听者模式
activity --> 管理类 --> service
当service收到指令后
service 回调 -> 管理类 -> 通知所有注册了监听的activity

ui和逻辑完全分离,不存在任何冲突。

歌词搜索


歌词搜索

搜索结果列表(还会改)


歌词列表

点击查看


查看歌词

2017,8,21更新

播放页面默认版(初定)
底部歌词可滑动到顶部覆盖全屏

播放页面默认版

底部歌词滑动效果


底部歌词滑动效果

2017年8月18日更新

完成lrcview,还没来及测试,公司那边app要加功能,所以明天没时间写了


lrcview 修改日期选择器ui界面 日期选择器

2017年8月17日更新

在之前的搜索或者编辑音乐功能弹窗(下方有图片)上有一个手动编辑按钮
点击后跳转到编辑页面,此页面目功能图,ui在我想到比较合适的界面效果后,会重新排版界面


手动编辑界面

另外写了一个日期选择框控件,
原本打算使用md系日期框,但实际效果操作很难受,不适用于这种简单的操作界面
所以用了这种方式,这个不是系统提供的datepickerdialog,因为系统提供的datepickerdialog在不同rom上存在部分差异化,所以自己写了一个相同效果的,ui可能会再调,目前暂定这样


日期选择框界面

然后是播放界面,
暂定三种,纯扁平,卡片,圆。
纯扁平界面
这里的歌词是一个bottomsheet,可以拖动到全屏覆盖最顶层上。


纯扁平界面

现在开源的lrcview都不满意,所以准备自定义了lrcview,正在写lrcview中

2017年8月16日更新

添加了设置页面布局


设置页面

2017年8月15日新增

桌面悬浮窗口测试功能,类似现在直播平台的那种悬浮窗,置于所有界面最上层,可拖拽。


桌面悬浮窗图1,也是艺术家初稿界面 桌面悬浮窗图2

这个悬浮窗只是为了测试基本功能,基本功能完善后,会做出预计3套以上界面供选择。


以往完成内容:

1.app整个逻辑,用了Realm数据库框架,将本地音乐重新归类保存到app内建的数据库,(只保存属性,所以数据库很小很小)。
因为Realm的一些特性,主要是为了不产生某严重bug,所以加入了开屏页面(欢迎页,1s以内)。

主界面:


主界面蓝色主题 主界面红色主题

目前提供了将近10套主题,后续增加。

fab长按效果看下图,点击是进入播放页(目前预计提供2-3套播放页,用户可自行选择喜欢的界面,都带有歌词显示)


fab长按动图

音乐详情卡片


音乐详情卡片 搜索或编辑音乐信息功能弹窗 搜索编辑功能弹窗

然后点搜索按钮,上滑可拖动到全屏,下滑关闭


搜索结果

专辑列表界面和整体契合度有些不搭,所以还在整改。
艺术家列表界面,艺术家点进去后界面过一平庸,还在整改。


艺术家列表

然后专辑界面,有进入界面的动画,非共享元素动画,是开启页面控件滑入效果。


专辑界面

专辑页面的列表作为一个卡片展示出来,滑上后fab隐藏


专辑列表滑上效果

首页侧滑 drawer layout,这个draw背景色,是根据专辑图颜色进行动态改版,文字颜色同样是。
所以专辑图颜色决定了这个界面背景色。


侧滑

睡眠定时器界面


睡眠定时器

关于界面


关于
上一篇下一篇

猜你喜欢

热点阅读