python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)

文章目录

  • 一.前言
  • 二.展示
    • 2.1主界面
      • 1.主界面
      • 2.歌单
      • 3.播客
      • 3.最新音乐
      • 4.综合展示(动图)
      • 5.专属定制-音乐雷达
      • 6.专属定制-音乐雷达(动图)
      • 7.专属定制-音乐歌单推荐
    • 2.2.歌单详情页
      • 1.歌单列表
      • 2.收藏者
    • 2.3.登录界面
      • 1.登录(动画前)
      • 2.登录(动画后)
      • 3.登录动图展示
    • 2.4.其它细节
      • 1.系统托盘
      • 2.左下角音乐图片
  • 三.UI设计记录
    • 1.UI初稿
    • 2.主界面UI
    • 3.登录界面UI
  • 四.心得
  • 五.总结


一.前言

使用PyQt5模仿网易云音乐,只有UI没有功能。

二.展示

2.1主界面

1.主界面

python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第1张图片

2.歌单

python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第2张图片

3.播客

python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第3张图片

3.最新音乐

python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第4张图片

4.综合展示(动图)

5.专属定制-音乐雷达

python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第5张图片

6.专属定制-音乐雷达(动图)

7.专属定制-音乐歌单推荐

python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第6张图片

2.2.歌单详情页

1.歌单列表

同样都是假数据
python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第7张图片

2.收藏者

随机选取了几个用户,侵删
python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第8张图片

2.3.登录界面

仿照制作了一个登录页面(二维码是可以扫描的,并且具有时效性哦~)

1.登录(动画前)

CSDN不能展示二维码,很伤~
python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第9张图片

2.登录(动画后)

python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第10张图片

3.登录动图展示

估计动图由于二维码也没法显示


点击链接查看动图2
python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第11张图片

2.4.其它细节

1.系统托盘

只是绘制了其中的按钮以及菜单,没有绘制图标

2.左下角音乐图片

鼠标放在上面会有一个遮罩的效果
请添加图片描述

三.UI设计记录

1.UI初稿

python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第12张图片

2.主界面UI

python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第13张图片

3.登录界面UI

登录界面是一个Dialog
python3GUI--仿做一个网易云音乐By:PyQt5(附下载地址)_第14张图片

四.心得

将UI、控制逻辑和数据分离开来,分别进行设计、管理,降低UI设计中的耦合关系。将常用的组件和自定义组件封装到类里面,提高代码的复用同时也降低了代码之间的耦合,大大减少了代码维护的工作量。

五.总结

本次使用PyQt5仿做了一款网易云音乐,只有UI界面,未实现具体功能,所有贴图贴图、文字皆为本地资源取自网易云,难点在于布局、组件划分、轮播图动画拆解。下载链接放在了这里20220617。如果哪里做的不太好,大家一定要帮我指出来,这样才能进步呀~
请添加图片描述

你可能感兴趣的:(GUI-PyQt5,pyqt5,python,qt,UI,网易云)