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

一款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背景色,是根据专辑图颜色进行动态改版,文字颜色同样是。
所以专辑图颜色决定了这个界面背景色。


侧滑

睡眠定时器界面


睡眠定时器

关于界面


关于
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 162,158评论 4 370
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,600评论 1 307
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,785评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,655评论 0 220
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,075评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 41,002评论 1 225
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,146评论 2 318
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,918评论 0 211
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,671评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,838评论 2 254
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,318评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,636评论 3 263
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,343评论 3 244
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,187评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,982评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,126评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,934评论 2 279

推荐阅读更多精彩内容