您当前的位置: 首页 > 

整体采用 material design 风格界面模仿了网页云音乐

发布时间:2016-10-26 10:02:25 ,浏览量:0

banya
项目地址: forezp/banya
简介:整体采用 material design 风格界面模仿了网页云音乐
优酷视频演示:

点击观看 app 演示视频

项目介绍:
  • 整体采用 material design 风格,本人是网易云音乐的粉丝,所以界面模仿了网页云音乐,另外,项目中尽量使用了 5.0 之后的新控件。
  • 项目整体采用 mvp+rxjava+retrofit 框架,使用 glide 进行图片展示,用 butterknif 注解,另外使用了 java 8 新特性,拉姆达表达式,安卓原生并不支持,需要导插件,具体见项目。
  • 并对 retrofit 的 okhttpClient 进行了缓存配置,很遗憾,豆瓣 API 在服务端并没有对返回数据进行 Cache-Control 设置。

  • 后续会采用本地数据库对数据进行缓存,初步定为使用 realm。

  • 项目地址:https://github.com/forezp/banya

  • 这是我的一个利用课余时间做的一个项目,仅供娱乐,项目的一切数据来自豆瓣 api v2.0,一切数据归豆瓣所有。

  • star 一下吧,拜托了。
主界面:
  • 主界面采用 material design 设计风格,使用了 NavigationView 和 DrawerLayout 的抽屉效果,CoordinatorLayout 和 viewpager 配合,使用 behavior 属性,对 toolbar 的显示和隐藏进行了控制。使用了 tablayout 和 viewpager 配合,切换 fragment,整体风格类似于网易云音乐。
  • 用到的豆瓣 API 有热映榜、top250、搜索图书、搜索音乐,等。

图片名称 图片名称 图片名称 图片名称

抽屉界面:

抽屉界面使用到的 icon 来自 google 的开源 icon 库,material design icon 地址:点击进入 ,看来谷歌为 material design 花费了大量的精力,然而,一般的项目组都是 ios 的设计风格,让 android 去开发,作为一名安卓开发者,感觉到非常的不幸,为什么好的东西不能被产品和设计接受。

图片名称

项目中使用了 webview 进行展示

图片名称

感谢
  • 感谢豆瓣开放测试 api。
  • 感谢开源项目 gank.io
  • 同时项目也借鉴了其他的开源项目,感谢。
  • 同时希望可以帮助到其他人。
关注
打赏
1688896170
查看更多评论

暂无认证

  • 0浏览

    0关注

    111043博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.0504s