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

Jaynie鄭 · 发表于 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中实现了音乐播放界面的唱片机旋转动画效果，而在运行时未能旋转，相关代码保留以供参考。

界面截图：

biyaooo · 发表于 2016-8-23 21:13:12

这个必须赞，希望越来越多的分享

ly201026 · 发表于 2016-9-20 14:58:34

可以很强势

zhwq1216 · 发表于 2016-9-24 20:21:34

很好的学习资料，谢谢分享

abc3240660 · 发表于 2017-3-31 14:55:09

多谢分享

abc3240660 · 发表于 2017-3-31 14:55:29

多谢分享

I'm帝皇 · 发表于 2017-4-24 16:27:29

你好，我想问一下怎么播放的音频和视频？

9459730 · 发表于 2017-5-4 21:59:22

多谢分享,^^

		自动登录	找回密码
密码			注册

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

评分

浏览过的版块