文章目录
一.前言
使用PyQt5模仿网易云音乐,只有UI没有功能。
二.展示
2.1主界面
1.主界面
2.歌单
3.播客
3.最新音乐
4.综合展示(动图)
5.专属定制-音乐雷达
6.专属定制-音乐雷达(动图)
7.专属定制-音乐歌单推荐
2.2.歌单详情页
1.歌单列表
同样都是假数据
2.收藏者
随机选取了几个用户,侵删
2.3.登录界面
仿照制作了一个登录页面(二维码是可以扫描的,并且具有时效性哦~)
1.登录(动画前)
CSDN不能展示二维码,很伤~
2.登录(动画后)
3.登录动图展示
估计动图由于二维码也没法显示
点击链接查看动图2
2.4.其它细节
1.系统托盘
只是绘制了其中的按钮以及菜单,没有绘制图标
2.左下角音乐图片
鼠标放在上面会有一个遮罩的效果
三.UI设计记录
1.UI初稿
2.主界面UI
3.登录界面UI
登录界面是一个Dialog
四.心得
将UI、控制逻辑和数据分离开来,分别进行设计、管理,降低UI设计中的耦合关系。将常用的组件和自定义组件封装到类里面,提高代码的复用同时也降低了代码之间的耦合,大大减少了代码维护的工作量。
五.总结
本次使用PyQt5仿做了一款网易云音乐,只有UI界面,未实现具体功能,所有贴图贴图、文字皆为本地资源取自网易云,难点在于布局、组件划分、轮播图动画拆解。下载链接放在了这里20220617。如果哪里做的不太好,大家一定要帮我指出来,这样才能进步呀~