起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2610|回复: 3

WeX5制作案例分享——仿网易云音乐APP

  [复制链接]

1

主题

1

帖子

35

积分

新手上路

Rank: 1

积分
35
QQ
发表于 2016-8-18 18:08:12 | 显示全部楼层 |阅读模式



本案例为使用WeX5制作的,界面参考网易云音乐的简单的音乐播放器APP。
仿网易云音乐案例包括功能:
1.仿网易云音乐APP的首页、我的音乐页面、互动页面展现及其中的多栏目侧滑切换、左侧边栏(菜单)滑动或单击跳转。
2.音乐播放页面展现,此页面中实现了音乐的播放、暂停、音量调节功能。
3.底部简化播放器实现,单击跳转至完整的音乐播放页面。
4.单击搜索按钮跳转至搜索页面。
5.点击歌单进入歌单详情界面,点击歌单内歌曲跳转至音乐播放页面。


app下载(.apk)
http://pan.baidu.com/s/1miS3eeG 密码:1mmp

源代码下载(内附使用说明):
http://pan.baidu.com/s/1nvfHVZV 密码:c3zt


服务地址:
http://cloudmusic.app.cloudx5.com

可在此在线体验本例界面及相关功能。

      页面的跳转功能,可以用showPage方法实现,也可以在父页面中添加windowDialog组件,设置其src及xid,在JS中用this.comp("src").open()来打开新的界面。
      数据库表中添加图片路径后调试时曾遇到过图片无法显示的问题,将图片路径改为相对路径,保存并重新进行模型编译后再运行即可重新显示。
      我用css在studio中实现了音乐播放界面的唱片机旋转动画效果,而在运行时未能旋转,相关代码保留以供参考。

界面截图:
Screenshot_2016-08-18-17-06-19.png

Screenshot_2016-08-18-17-06-30.png

Screenshot_2016-08-18-17-06-36.png

Screenshot_2016-08-18-17-06-38.png

Screenshot_2016-08-18-17-06-41.png

Screenshot_2016-08-18-17-06-44.png

Screenshot_2016-08-18-17-06-49.png

Screenshot_2016-08-18-17-07-04.png

Screenshot_2016-08-18-17-07-09.png

Screenshot_2016-08-18-17-07-13.png

Screenshot_2016-08-18-17-07-23.png

Screenshot_2016-08-18-17-07-53.png
Screenshot_2016-08-18-17-13-33.png


评分

参与人数 3威望 +30 收起 理由
ly201026 + 10
biyaooo + 10 很给力!
chean + 10

查看全部评分

33

主题

210

帖子

1093

积分

金牌会员

Rank: 6Rank: 6

积分
1093
QQ
发表于 2016-8-23 21:13:12 | 显示全部楼层
这个必须赞,希望越来越多的分享
X5新手解答
QQ:30722212
回复 支持 反对

使用道具 举报

175

主题

736

帖子

1461

积分

金牌会员

Rank: 6Rank: 6

积分
1461
QQ
发表于 2016-9-20 14:58:34 | 显示全部楼层
可以很强势
天天就知道打酱油打酱油,有点出息行么。QQ:497923435
回复 支持 反对

使用道具 举报

2

主题

4

帖子

22

积分

新手上路

Rank: 1

积分
22
QQ
发表于 2016-9-24 20:21:34 | 显示全部楼层
很好的学习资料,谢谢分享
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.   

GMT+8, 2017-2-27 17:05 , Processed in 0.168397 second(s), 29 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表