HTML网易云音乐页面设计,QtDesigner实现网易云音乐助手的页面设计

上篇文章介绍了PyQt5在PyCharm中的应用，那么现在就实战下，把爬取网易云音乐歌词的程序使用GUI编程做出来吧。

1.设计

使用墨刀大体设计了一个很粗略的原型图

2.实现

1).设置主程序大小

新建了MainWindow后，在右侧PropertyEditor中设置minimumSize和maximumSize为设计图中的730px*540px，这两个值为一致的话则为固定窗口大小。

2).设置Tab Widget

在左侧把TabWidget拖到主程序中，然后在右侧设置geometry中x,y为0,0 让其顶住主程序的左上角，然后再设置宽高。

3).设置背景

不管怎么样，必须得好看呀，所以背景图必不可少呀。

可以使用Lable实现，把Label拖动过去，清空默认内容，大小拖动到满屏，然后在右侧找到QLabel这个元素使用Pixmap的这个是Lable用来加载图片的方法，我们把自己喜欢的背景图片加上去。

4).设置内容

a).设置搜索框

首先设置搜索框，使用Line Edit拖动过去后点击右键选择 Change Style Sheet 再选择Add Color中的background-color设置如图Alpha值为200，右侧的placeholderText设置提醒内容

同样右键选择Change ObjectName 命名为 le_search

b).设置按钮

使用Push Button组件，拖动好大小后，在右侧输入text和选择icon，然后再设置背景和Alpha值。

然后搜索按钮右键ChangeObjectName为 searchBtn，下载为 downloadBtn

c).设置列表

使用List Widget组件，拖动好大小后，点击右键选择 Change Style Sheet 再选择Add Color中的background-color设置如图Alpha值为100，歌手列表名改为lw_singers，歌曲列表为lw_songs

d).设置说明

使用Text Browser组件，拖动好大小后，点击右键选择 Change Style Sheet 再选择Add Color中的background-color设置如图Alpha值为0，Add Font 中设置字体和字体大小

双击此组件，然后编辑文字内容

5).设置Tab

在QTabWidget中设置currentTabText 和 currentTabIcon

6).设置生成词云页

其他操作类似上个Tab页，这里用Group Box组件，拖动到页面调整大小，然后右侧设置title

7).设置词云内容

使用Label组件作为标题，使用Line Edit作为文件内容框，使用Push Button组件作为按钮，字体和图片项一样。

ObjectName依次设置为：le_word_file、word_file_btn；le_word_font、word_font_btn；le_word_img、word_img_btn

8).设置词云操作

使用Group Box组件做为底框，使用Push Button组件作为按钮，在右边设置icon和text，ObjectName设置为createBtn、downBtn

9).使用说明

使用Group Box组件做为底框，使用Text Browser组件作为文本输入内容即可。

3.总结

使用Qt Designer可以快速，便捷的开发GUI页面，非常友好。

这里只实现了GUI页面的具体实现步骤，相当于只实现了MVC的V层，和Python代码的交互打算写在下篇文章，不然内容太多就不利于理解和阅读了。

HTML网易云音乐页面设计,QtDesigner实现网易云音乐助手的页面设计相关推荐

java设计单词英译汉小助手_java课程设计——英汉电子词典编程
Java课程设计--英汉电子词典一.需求分析二十世纪后半叶,以电子计算机为代表的现代科学获得了突飞猛进的发展并迅速和人们的日常生活结合在一起.计算机技术的发展和进步也使电子语言词典的诞生成为可能. ...
柚！音乐小程序 ---借鉴网易云APP设计（运用网易云真实Api）
参考小破站小程序教程通过点击每日推荐可以进行音乐播放,上一首下一首切换(前提要进行登录)(最近可能登陆会有一些问题,运气好就登录进去了,服务器的问题), 主要实现功能(点击每日推荐,会展示30首每日 ...
习惯了收听虾米酷狗网易云音乐的你，好歹知道一下音乐推荐到底是咋回事吧
翻译 | reason_ W编辑 | suiling 营长按: 不好意思,被标题党了吧其实,我们全篇讲的是坐音乐推荐的始祖Spotify的音乐推荐系统. 搞懂了这货的算法,还有啥是你不知道的. 不说 ...
python爬音乐-用python爬取网易云音乐歌曲的歌词
今天我来分享一下如何用python爬取网易云音乐歌曲的歌词,网易云音乐的歌词的爬取思路同前面介绍过的爬取网易云音乐的歌曲评论的爬取思路一致.由于两者的加密思路都是一致的,因此我们只需分析出被加密了的参 ...
网易云音乐android api_网易云音乐怎么发布个人Mlog?网易云音乐发布个人Mlog的教程介绍...
现在很多人都喜欢发Mlog,网易云音乐中也可以发布mlog啦,下面小编就为大家带来网易云音乐发布个人Mlog的具体操作方法,想知道的话就来看看吧. 网易云音乐怎么发布个人Mlog?网易云音乐发布个人M ...
网易云api如何调用_分析网易云音乐API的经历
在做qq机器人的时候想加入点歌功能,虽然自带一个点歌插件,但是只能分享QQ音乐,所以我想着自己写一个网易云音乐的. 首先打开网易云音乐的搜索界面,F12打开开发者工具并切换到Network. 随便搜索 ...
如何将已下载音乐导入到iPhone的网易云音乐中
背景有些音乐是网易云音乐上没有的,即便是花钱也无法得到的,这样一来,如果对于一个只使用单一软件播放音乐的人来说,很坑,怎么办呢? 对策既然这样,找找别的方法,其实iTunes本身应该是一个很好用的 ...
web课程设计网页规划与设计----公司官网带轮播图 (页面精美 1页)
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 公司官网网站 | 企业官网 | 酒店官网 | 等网站的设计与制 ...
HTML+CSS期末大作业：在线音乐网站设计——简洁大气的KK音乐官网模板html源码(1页) HTML+CSS+JavaScript
HTML+CSS期末大作业:在线音乐网站设计--简洁大气的KK音乐官网模板html源码(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕 ...
电脑网易云音乐,拿下华研，网易云音乐终于解决1%的大难题，可阿里音乐以后咋办？...
3月1日,网易云音乐和华研国际宣布达成战略合作,将在华语音乐的宣传推广和原创音乐人的扶持培养方面,展开多样化的合作.其中,在音乐版权合作方面,网易云音乐已获得华研国际旗下目前全量音乐曲库的授权. 这件 ...

HTML网易云音乐页面设计,QtDesigner实现网易云音乐助手的页面设计

HTML网易云音乐页面设计,QtDesigner实现网易云音乐助手的页面设计相关推荐

最新文章

热门文章